怎样向div中传值

2008-10-30 05:28:57 187 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

js实现：点击一个按钮，弹出一个div,并向其中传值，修改后，再传出 class="panel-body"> id="tbList" class="table footable" data-sort="false" > class="primary"> class="tar">序号类型商品显示名称商品编码阅读详情

怎样实现弹出一个div并且要向这个div中传一个参数再在div中做些处理，我现在是用弹出窗体实现的这个功能我要改成div形式怎么做？
现在的效果是这样的http://www.kqciis.com/cs/zgc1/product.asp 点击订购弹出一个窗体但是窗体有标题栏和四边不好看要改成div

...全文

苹果开发者账号（ Apple Developer）登录出现：你的 Apple ID 暂时不符合使用此应用程序的条件（您的apple账户不符合资格） Apple开发对于新手来说确实可能会遇到各种问题，在遇到 Apple Developer 账号登录问题时，除了检查账号的安全性设置和协议确认外，还需要考虑账号的具体配置问题，比如主邮箱的设置。阅读详情

duanyesheng

ASP 28,401 成员 356,940 内容

+ 关注 + 加入社区

切换为时间正序

ashes_li 2010-11-04

打赏
举报

我也要做这样的效果，不知道楼主怎么解决的

kinghome 2008-10-30

打赏
举报

上面有两处忘记更正了现在更正下
第三步中 else {document.getElementById("adminbook").innerHTML=" <img src='../images/loading.gif' align='absmiddle'/> 正在从服务器提取数据...... ";}
adminbook 更改为显示内容层的 ID

第四步中 response.write str=escape(str)
改为 response.write escape(str)
或
str=escape(str)
response.write str

kinghome 2008-10-30

打赏
举报

这个要结合 AJAX 来做

1. 在链接出写上 onclick="popup_show(商品ID)"

'========================== 默认隐藏的信息层，样式请自行修改到符合自己的要求,这里不再研究===========================
<div class="sample_popup" id="popup" style="visibility: hidden; display: none;">
<div class="menu_form_header" id="popup_drag">
<img class="menu_form_exit" id="popup_exit" src="http://www.soojs.com/folder/窗口/又一个弹出窗/20070711_45970b8e6254b86494b4cIUp1bV26gbe.png" />
Login
</div>
<div class="menu_form_body">
<form method="post" action="">
<table>
<tr>
<th>Username:</th>
<td><input class="field" type="text" onfocus="select();" /></td>
</tr>
<tr>
<th>Password:</th>
<td><input class="field" type="password" onfocus="select();" /></td>
</tr>
<tr>
<th> </th>
<td><input class="btn" type="submit" value="Submit" /></td>
</tr>
</table>
</form>
</div>
</div>
</div>

'==================================================CSS代码，自行修改
<style type="text/css">
/* <style> */
div.sample_popup { z-index: +1; }
div.menu_form_header{
cursor:move
}
div.sample_popup div.menu_form_header
{
border: 1px solid black;
border-bottom: 0px;
cursor: default;
width: 200px;
height: 20px;
line-height: 19px;
vertical-align: middle;
background: url('http://www.soojs.com/folder/窗口/又一个弹出窗/20070711_e26d3e50d0d8b886020abTHgvNiRn8J0.png') no-repeat;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
font-size: 13px;
color: #206040;
}
div.sample_popup div.menu_form_body
{
border: 1px solid black;
width: 200px;
background: url('http://www.soojs.com/folder/窗口/又一个弹出窗/20070711_e45dd0be648898799dacqSVztsCDIfid.png') no-repeat left bottom;
}
div.sample_popup img.menu_form_exit
{
float: right;
margin: 4px 5px 0px 0px;
cursor: pointer;
}
div.sample_popup table
{
border-collapse: collapse;
width: 100%;
}
div.sample_popup th
{
width: 1%;
padding: 0px 5px 1px 0px;
text-align: left;
font-family: "Times New Roman", Serif;
font-weight: 900;
font-size: 13px;
color: #004060;
}
div.sample_popup td
{
width: 99%;
padding: 0px 0px 1px 0px;
}
div.sample_popup form
{
margin: 0px;
padding: 8px 10px 10px 10px;
}
div.sample_popup input.field
{
border: 1px solid #808080;
width: 95%;
font-family: Arial, Sans-Serif;
font-size: 12px;
}
div.sample_popup input.btn
{
margin-top: 2px;
border: 1px solid #808080;
background-color: #DDFFDD;
font-family: Verdana, Sans-Serif;
font-size: 11px;
}
a {
color: #FF0000;
text-decoration: none;
}
</style>
'==================================================
2. JS代码
var popup_dragging = false;
var popup_target;
var popup_mouseX;
var popup_mouseY;
var popup_mouseposX;
var popup_mouseposY;
var popup_oldfunction;
function popup_display(x)
{
var win = window.open();
for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}
// ----- popup_mousedown -------------------------------------------------------
function popup_mousedown(e)
{
var ie = navigator.appName == "Microsoft Internet Explorer";
if ( ie && window.event.button != 1) return;
if (!ie && e.button != 0) return;
popup_dragging = true;
popup_target = this['target'];
popup_mouseX = ie ? window.event.clientX : e.clientX;
popup_mouseY = ie ? window.event.clientY : e.clientY;
if (ie)
popup_oldfunction = document.onselectstart;
else popup_oldfunction = document.onmousedown;
if (ie)
document.onselectstart = new Function("return false;");
else document.onmousedown = new Function("return false;");
}
// ----- popup_mousemove -------------------------------------------------------
function popup_mousemove(e)
{
if (!popup_dragging) return;
var ie = navigator.appName == "Microsoft Internet Explorer";
var element = document.getElementById(popup_target);
var mouseX = ie ? window.event.clientX : e.clientX;
var mouseY = ie ? window.event.clientY : e.clientY;
element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+'px';
element.style.top = (element.offsetTop +mouseY-popup_mouseY)+'px';
popup_mouseX = ie ? window.event.clientX : e.clientX;
popup_mouseY = ie ? window.event.clientY : e.clientY;
}
// ----- popup_mouseup ---------------------------------------------------------
function popup_mouseup(e)
{
if (!popup_dragging) return;
popup_dragging = false;
var ie = navigator.appName == "Microsoft Internet Explorer";
var element = document.getElementById(popup_target);
if (ie)
document.onselectstart = popup_oldfunction;
else document.onmousedown = popup_oldfunction;
}
// ----- popup_exit ------------------------------------------------------------
function popup_exit(e)
{
var ie = navigator.appName == "Microsoft Internet Explorer";
var element = document.getElementById(popup_target);
popup_mouseup(e);
element.style.visibility = 'hidden';
element.style.display = 'none';
}
// ----- popup_show ------------------------------------------------------------

function popup_show(str)//显示相应信息的函数
{
element = document.getElementById('popup');
drag_element = document.getElementById('popup_drag');
exit_element = document.getElementById('popup_exit');
element.style.position = "absolute";
element.style.visibility = "visible";
element.style.display = "block";
element.style.left = (document.documentElement.scrollLeft+popup_mouseposX-500)+'px';
element.style.top = (document.documentElement.scrollTop +popup_mouseposY-10)+'px';
drag_element['target'] = 'popup';
drag_element.onmousedown = popup_mousedown;
exit_element.onclick = popup_exit;
ProductShow(str);//这个是调用商品信息的函数
}
// ----- popup_mousepos --------------------------------------------------------
function popup_mousepos(e)
{
var ie = navigator.appName == "Microsoft Internet Explorer";
popup_mouseposX = ie ? window.event.clientX : e.clientX;
popup_mouseposY = ie ? window.event.clientY : e.clientY;
}
// ----- Attach Events ---------------------------------------------------------
if (navigator.appName == "Microsoft Internet Explorer")
document.attachEvent('onmousedown', popup_mousepos);
else document.addEventListener('mousedown', popup_mousepos, false);
if (navigator.appName == "Microsoft Internet Explorer")
document.attachEvent('onmousemove', popup_mousemove);
else document.addEventListener('mousemove', popup_mousemove, false);
if (navigator.appName == "Microsoft Internet Explorer")
document.attachEvent('onmouseup', popup_mouseup);
else document.addEventListener('mouseup', popup_mouseup, false);

'=====================================================================================================================
3.AJAX编写
function createAjax() {
var _xmlhttp;
try {
_xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
try {
_xmlhttp=new XMLHttpRequest();
}
catch (e) {
_xmlhttp=false;
}
}
return _xmlhttp;
}

function productshow(strid){
var xmlhttp=createAjax();
if (xmlhttp) {
xmlhttp.open('get','Product.asp?id='+strid+'&n='+Math.random(),true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("显示内容的图层ID").innerHTML=unescape(xmlhttp.responseText);
}
else {document.getElementById("adminbook").innerHTML="<img src='../images/loading.gif' align='absmiddle'/> 正在从服务器提取数据...... ";}
}
xmlhttp.send(null);
}
}

4.Product.asp编写主要用来调出相应ID 的详细信息内容

id=unescape(Request.QueryString("id"))

set rs=conn.execute(" select * from [数据表] where id="&id)
str=str&"这里编写显示的内容 "
rs.close
set rs=nothing

response.write str=escape(str)

到此大功告成！

怎样向div中传值

相关推荐