c# web程序弹出层

页面是用repeater来显示数据，然后点击repeater某一行的某个链接后，弹出层，层上显示内容，并在层上单击按钮后，执行操作后让层消失显示原页面，望高手指点，有源码最好

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script type="text/javascript" language="javascript">
//--弹出div
var parameter;
var type;
function alert_div(type,parameter)
{
//获得鼠标当前X,Y坐标
var x,y;
if(!document.all)
{
x=pageX;
y=pageY;
}else{
x=document.body.scrollLeft+event.clientX; //鼠标X轴的值
  y=document.body.scrollTop+event.clientY; //鼠标Y轴的值
}
//window.scrollTo(100,500);//竖向滚动条位置var sH = document.body.scrollHeight; //窗口的高度
var sW = document.body.scrollWidth; //窗口的宽度var width=260 , height=90; //设置div的大小if((x + width) >= sW) //当鼠标点击时的x坐标的值加上div的宽度大于窗口的宽度
{
x = x - width;
}
var left=x , top=y ; //设置div的位置var str="";
// 整个div的大小和位子
str+="<div id='div1' style='z-index:1;background-color:white;position:absolute;border:2px solid slategray;left:"+left+";top:"+top+";width:"+width+";height:"+height+";'>";
//--begin灰色top
str+="<div style='padding-bottom:2px;background-color:slategray;width:100%;height:16px;color:white;'>";
// 灰色div的设置
str+=" <div style='float:left;height:16px;overflow:hidden;margin:0px;padding:4px 0px 0px 5px;width:235;'>Welcome</div>";
// 灰色div右侧的按钮
//str+=" <span style='width:14px;font-family:webdings;cursor:hand;'>0</span>";
str+=" <span style='width:14px;font-family:webdings;cursor:hand;' onclick='hide()'>r</span>";
str+="</div>";
//--end
//--begin白色div
str+="<div style=' margin:10px 5px 10px 10px;word-break:break-all;'>";
// 白色div中的信息
str+="<table cellpadding='0' cellspacing='1' border='0' class='border' align=left> <tr class='tdbg' valign='top'><td align='left'></td></tr><tr class='tdbg'><td colspan='2' align='center' valign='foot'>点击右上角\"X\"关闭</td></tr></table>";str+="</div>";
//--end
str+="</div>";
//document.write(str);
document.body.insertAdjacentHTML("afterBegin",str);
}
//--关闭div
function hide()
{
document.getElementById( "div1").style.display = "none";
}
</script>
</head><body>
<p>
<input type="button"  value="Popup" name="B1" onclick="alert_div('dd','dd');">
<br><br><br><br><br><br><br><br>
<input type="button"  value="Hide" name="B2" onclick="hide();">
</p></body></html>
点击链接把参数传到弹出层的方法中
onclick="Popup(this)"
根据this取到同级其他元素的值传到弹出层的文本框赋值。
http://www.open-open.com/ajax/Window.htm
jQuery 弹出层很多这样的插件
给你推荐一个colorbox:http://colorpowered.com/colorbox/
页面左边的examples里有很多示例，文档也很详尽。这些客户端的效果大多数都是通过javascript来处理的。就算有了源码，你也得搞清楚它的原理。不然不出两三天，你就会忘光光。
用 jQuery 实现兼容性较好

c# web程序 弹出层

解决方案 »

c# web程序弹出层