<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClick="Ok_Click"/> 点击的时候没有反应protected void Ok_Click(object sender, EventArgs e)
{
Common.ShowMessage("gh");
}http://www.51xuediannao.com/jQuery/jQuery_tanchu/ 按到这个网站做的第9种弹出层样式 Button 是放在弹出层里面的
{
Common.ShowMessage("gh");
}http://www.51xuediannao.com/jQuery/jQuery_tanchu/ 按到这个网站做的第9种弹出层样式 Button 是放在弹出层里面的
t9.doEffects = function(way){<br />
if(way == "open"){<br />
this.popupLayer.css({opacity:0.3}).show(400,function(){<br />
this.popupLayer.animate({<br />
left:($(document).width() - this.popupLayer.width())/2,<br />
top:(document.documentElement.clientHeight -<br /> this.popupLayer.height())/2 + $(document).scrollTop(),<br />
opacity:0.8<br />
},1000,function(){this.popupLayer.css("opacity",1)}.binding(this));<br />
}.binding(this));<br />
}<br />
else{<br />
this.popupLayer.animate({<br />
left:this.trigger.offset().left,<br />
top:this.trigger.offset().top,<br /> opacity:0.1<br />
},{duration:500,complete:function(){<br /> this.popupLayer.css("opacity",1);this.popupLayer.hide()}.binding(this)});<br />
}<br />
}<br /></div>
<div class="clr"></div>
<select>
<option>ie6下能罩住我吗?</option>
</select> <div id="blk9" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>示例9,综合效果</h2>
<a href="javascript:void(0)" id="close9" class="closeBtn">关闭</a>
<ul>
<li><a href="#">项目1</a></li> <li><a href="#">项目2</a></li>
<li><a href="#">项目3</a></li>
<li><a href="#">项目4</a></li>
<li><a href="#">项目5</a></li>
<li><a href="#">项目6</a></li>
<li><a href="#">项目7</a></li> <li><a href="#">项目8</a></li>
<li><a href="#">项目9</a></li>
<li><a href="#">项目10</a></li>
<li><a href="#">项目11</a></li>
<li><a href="#">项目12</a></li>
</ul> </div>
<div class="foot"><div class="foot-right"></div></div>
</div>
</div>
这些代码都干了什么?
你把弹出的代码写成js函数xx()<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClientClick="xx();return false"/>
就可以,如果还要执行服务器代码,可以这样<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClick="Ok_Click"/> protected void Ok_Click(object sender, EventArgs e)
{
Page.ClientScript.RegisterStartupScript(Page.GetType(),"js","xx()",true);
}
只是用来测试这个按扭有没有执行服务器代码 随便写什么。这是弹出的DIV
<div id="Commoditylist" class="CommoditylistC" >
<h2>商品列表</h2>
<ul>
<asp:Repeater ID="RptCommoditylist" runat="server">
<ItemTemplate>
<li>
<asp:CheckBox ID="CkbCommodityNameCode" runat="server" Text='<%# Eval("CommodityName")%>' ToolTip='<%# Eval("Code") %>' ValidationGroup="CkbCommodityClass" />
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClick="Ok_Click"/> //这是这个按扭
</div>
弹出层的效果可以出来 只是在这个弹出的DIV里面是动态获取的数据 需要在选择一些数据后回传到服务器 运行时点击 确定 无效页面没有任何反应 上面那行代码没有执行 调试也进不去
搞这种比较复杂的界面,你必须对js,html,css,asp.net的运行机制比较了解。
<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClick="Ok_Click"/>
放在form里面了吗?客户端生成了<input type=submit value="确定" 了吗
把你的完整、可调式运行的代码发到[email protected]
当你点击 “选择商品”的时候,弹出一个层,这个层的位置已经移到了form之外,变成了这样
<body>
<form method="post" action="Default.aspx?sdsd%ufffd%ufffd" id="form1">
<div class="aspNetHidden"><input name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMzUxMzYxMDE3ZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WBAUJQ2hlY2tCb3gxBQlDaGVja0JveDIFCUNoZWNrQm94MwUJQ2hlY2tCb3g0IFuPTGry2CJl472hfCeg1/VaPNScnGHmRSeUEZ1YH2A=" type="hidden">
</div><div class="aspNetHidden"> <input name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBgKJo7HfCwKC5Ne7CQL/49e7CQKA5Ne7CQL949e7CQLh777vDI63Wuushix5LyFpH5MtugSIyCmQZO8VDzggSeL6Kfx0" type="hidden">
</div>
<div>
<input id="btnselect" value="选择商品" type="button">
</div>
</form><div style="position: absolute; z-index: 2; width: 852px; height: 151px; display: block; left: 258px; top: 240.5px; opacity: 1;" class="popupLayer"><div style="opacity: 1;" id="Commoditylist" class="CommoditylistC">
<h2>商品列表</h2>
<ul>
<li><input id="CheckBox1" name="CheckBox1" type="checkbox"><label for="CheckBox1">商品信息</label></li>
<li><input id="CheckBox2" name="CheckBox2" type="checkbox"><label for="CheckBox2">商品信息</label></li>
<li><input id="CheckBox3" name="CheckBox3" type="checkbox"><label for="CheckBox3">商品信息</label></li> <li><input id="CheckBox4" name="CheckBox4" type="checkbox"><label for="CheckBox4">商品信息</label></li>
</ul>
<input name="Ok" value="确定" onclick="document.getElementById('form1').appendChild(document.getElementById('Commoditylist'));" id="Ok" style="float: right;" type="submit">
</div><iframe style="position: absolute; z-index: -1; left: 0px; top: 0px; opacity: 0; width: 852px; height: 151px;" border="0" frameborder="0"></iframe></div><div style="position: absolute; z-index: 1; left: 0px; top: 0px; width: 1366px; height: 632px;"><div style="position: absolute; z-index: 2; width: 100%; height: 100%; left: 0pt; top: 0pt; opacity: 0.3; background: none repeat scroll 0% 0% rgb(0, 0, 0);"></div><iframe border="0" style="width: 100%; height: 100%; position: absolute; z-index: 1; left: 0pt; top: 0pt;" frameborder="0"></iframe></div></body></html>要解决这个问题,可以有
1,采用ajax提交数据
2,添加
<asp:Button ID="Ok" runat="server" Text="确定" OnClientClick="document.getElementById('form1').appendChild(document.getElementById('Commoditylist'))" style="float:right" OnClick="Ok_Click"/>将内容移到form之内方法3,改变form的位置,改成
<body>
<div>
<div id="Commoditylist" class="CommoditylistC" >
<form id="form1" runat="server">
<h2>商品列表</h2>
<ul>
<li><asp:CheckBox ID="CheckBox1" runat="server" Text="商品信息" /></li>
<li><asp:CheckBox ID="CheckBox2" runat="server" Text="商品信息" /></li>
<li><asp:CheckBox ID="CheckBox3" runat="server" Text="商品信息" /></li>
<li><asp:CheckBox ID="CheckBox4" runat="server" Text="商品信息" /></li>
</ul>
<asp:Button ID="Ok" runat="server" Text="确定" style="float:right" OnClick="Ok_Click"/>
</form>
</div>
<input id="btnselect" type="button" value="选择商品" />
</div>
</body>