社区
ASP
帖子详情
怎样向div中传值
duanyesheng
2008-10-30 05:28:57
怎样实现弹出一个div并且要向这个div中传一个参数 再在div中做些处理, 我现在是用弹出窗体实现的这个功能 我要改成div形式怎么做?
现在的效果是这样的http://www.kqciis.com/cs/zgc1/product.asp 点击订购 弹出一个窗体 但是窗体有标题栏 和四边 不好看 要改成div
...全文
152
3
打赏
收藏
怎样向div中传值
怎样实现弹出一个div并且要向这个div中传一个参数 再在div中做些处理, 我现在是用弹出窗体实现的这个功能 我要改成div形式怎么做? 现在的效果是这样的http://www.kqciis.com/cs/zgc1/product.asp 点击订购 弹出一个窗体 但是窗体有标题栏 和四边 不好看 要改成div
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
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)
到此大功告成!
netty-all-4.1.23.Final.jar
中
文文档.zip
1、压缩文件
中
包含:
中
文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法: 解压最外层zip,再解压其
中
的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 3、特殊说明: (1)本文档为人性化翻译,精心制作,请放心使用; (2)只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; (3)不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件。 5、本文件关键字: jar
中
文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,
中
文API文档,手册,开发手册,使用手册,参考手册。
OKT507_修改默认界面显示_Linux_应用笔记_V1.0_20220627.pdf
OKT507_修改默认界面显示_Linux_应用笔记_V1.0_20220627
Linux_G2D_开发指南.pdf
Linux_G2D_开发指南
天气系统插件,所见即所得
天气系统插件,所见即所得
这是一个用Python开发的桌面版的跆拳道馆管理系统.zip
这是一个用Python开发的桌面版的跆拳道馆管理系统
ASP
28,409
社区成员
356,971
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章