jquery showmodelDialog
------脚本部分
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="ui/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
<link href="themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
type: "POST",
url: "LoginHandler.ashx",
cache: false,
data: { "value": $("#HiddenField1").val() },
beforeSend: function() {
$("#nihao").html("正在获取。。。。。。");
},
success: function(msg) {
$("#nihao").html(msg);
$("#showinfo").dialog({
height: 300,
width: 400,
modal: true,
title: "Ganler Finishing",
buttons: { "关 闭": function() { $(this).dialog("close"); } },
autoOpen: true,
maxHeight: 300,
maxWidth: 400,
show: 'slide'
});
}, error: function() {
alert('出现错误');
}
});
});
</script>
---end 脚本
----页面
<asp:LinkButton ID="LinkButton1" runat="server">测试是否可以点击</asp:LinkButton>
<div id="showinfo">
<table>
<tr>
<td style="color: Red" id="nihao">
</td>
</tr>
</table>
<asp:HiddenField ID="HiddenField1" runat="server" Value="0" />
</div>
--end 页面
--后台代码
HiddenField1.Value = "HiddenFiled的初始值是0 我现在从后台给赋值了!<br/>也就是说可以在加载Dom之前在后台操作这个框<br/>比如可以在后台获得用户ID后去数据库查询用户信息<br/>并且完全可以支持HTML语言";
-end
---一般处理程序
context.Response.ContentType = "text/plain";
string s = context.Request["value"].ToString();
context.Response.Write(s);
context.Response.End();
--end
|