社区
ASP
帖子详情
怎样向div中传值
duanyesheng
2008-10-30 05:28:57
怎样实现弹出一个div并且要向这个div中传一个参数 再在div中做些处理, 我现在是用弹出窗体实现的这个功能 我要改成div形式怎么做?
现在的效果是这样的http://www.kqciis.com/cs/zgc1/product.asp 点击订购 弹出一个窗体 但是窗体有标题栏 和四边 不好看 要改成div
...全文
140
3
打赏
收藏
怎样向div中传值
怎样实现弹出一个div并且要向这个div中传一个参数 再在div中做些处理, 我现在是用弹出窗体实现的这个功能 我要改成div形式怎么做? 现在的效果是这样的http://www.kqciis.com/cs/zgc1/product.asp 点击订购 弹出一个窗体 但是窗体有标题栏 和四边 不好看 要改成div
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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)
到此大功告成!
jquery ajax 异步
传值
并把值赋予在
div
标签内
jquery ajax 异步
传值
并把值赋予在
div
标签内 很简单的jquery ajax异步
传值
让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行 这就是所谓的异步取值
React 子组件向父组件
传值
的方法
本文介绍了React 子组件向父组件
传值
的方法,分享给大家 子组件需要控制自己的 state, 然后告诉父组件自己的state,通过props调用父组件
中
用来控制state的函数,在父组件
中
展示子组件的state变化。 /***实现在输入框输入邮箱时,在
div
中
即时显示输入内容***/ <body> <
div
id=test>
div
> </body> //子组件 var Child = React.createClass({ render: function(){ return ( <
div
> 邮箱:<input onChange={th
easyUi弹出window窗口
传值
与调用父页面的方法,子页面给父页面赋值
easyUi弹出window窗口
传值
与调用父页面的方法,子页面给父页面赋值,详情链接:
子窗体checkbox
传值
给父窗体
div
在父窗体里面点击按钮,弹出子窗体, 查询所有的员工信息,选择复选框checkbox 选择所要的员工, 点击确定, 被选
中
的值被传入父窗体,并且每个员工前面都有一个 checkbox , 在父窗体里面选择对应的员工又可以删除
利用JQuery+EasyDrag 实现弹出可拖动的
Div
,同时向
Div
传值
,然后返回
Div
选
中
的值
JQuery是一个优秀的Javascript类库,使得我们曾经对JavaScript的痛恨不再,越来越喜欢上了JavaScript,而且更好的是他的plugin众多.
ASP
28,390
社区成员
357,068
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章