今天特想写一个基于ajax.net的模态窗口的例子,但是中间出现了很多的问题,但统统被我拿下,呵呵呵!下面就让我写出我的成果吧。
     同样是使用的是AjaxPrio,有关设置的问题就不多说了,直接进入正题。
     先给出模态串口的代码;
 1Ajax.net+模态窗口的登陆简单例子<script language=javascript>
 2Ajax.net+模态窗口的登陆简单例子    var usename;
 3Ajax.net+模态窗口的登陆简单例子    var userpwd;
 4Ajax.net+模态窗口的登陆简单例子    var success;
 5Ajax.net+模态窗口的登陆简单例子    function show()
 6}
下面是css的样式
1Ajax.net+模态窗口的登陆简单例子<style>
2</style>
下面是模态窗口的html

 1Ajax.net+模态窗口的登陆简单例子<body>
 2Ajax.net+模态窗口的登陆简单例子  
 3Ajax.net+模态窗口的登陆简单例子<DIV id="divModal" style="z-index: 100"></div>
 4Ajax.net+模态窗口的登陆简单例子<DIV id="divModalDialog" style="z-index: 101" >
 5Ajax.net+模态窗口的登陆简单例子<div class="titleBar">
 6Ajax.net+模态窗口的登陆简单例子    <div class="closeButton"><href="javascript:closeModal();">[关闭]</a></div>   
 7Ajax.net+模态窗口的登陆简单例子</div>
 8Ajax.net+模态窗口的登陆简单例子<div class="mainBody" id="mainbb">
 9Ajax.net+模态窗口的登陆简单例子  <div>
10Ajax.net+模态窗口的登陆简单例子</DIV>
11Ajax.net+模态窗口的登陆简单例子    <form id="form1" runat=server >    
12Ajax.net+模态窗口的登陆简单例子        用户名:<input id="username" type="text" /><br />
13Ajax.net+模态窗口的登陆简单例子        密码:&nbsp;
14Ajax.net+模态窗口的登陆简单例子        <input id="userpwd" type="password" /><br />
15Ajax.net+模态窗口的登陆简单例子        <input id="Button1" type="button" value="登陆" language="javascript" onclick="return Button1_onclick()" />    
16Ajax.net+模态窗口的登陆简单例子    </form>
17Ajax.net+模态窗口的登陆简单例子</body>
然后就是cs文件了
 1Ajax.net+模态窗口的登陆简单例子using System;
 2Ajax.net+模态窗口的登陆简单例子using System.Data;
 3Ajax.net+模态窗口的登陆简单例子using System.Configuration;
 4Ajax.net+模态窗口的登陆简单例子using System.Collections;
 5Ajax.net+模态窗口的登陆简单例子using System.Web;
 6Ajax.net+模态窗口的登陆简单例子using System.Web.Security;
 7Ajax.net+模态窗口的登陆简单例子using System.Web.UI;
 8Ajax.net+模态窗口的登陆简单例子using System.Web.UI.WebControls;
 9Ajax.net+模态窗口的登陆简单例子using System.Web.UI.WebControls.WebParts;
10Ajax.net+模态窗口的登陆简单例子using System.Web.UI.HtmlControls;
11Ajax.net+模态窗口的登陆简单例子using System.Data.SqlClient;
12Ajax.net+模态窗口的登陆简单例子namespace login
13
这基本上就是全部了,但需要注意的是,模态窗口在html页面是可以正常显示的,但在.net中却出现了问题,div的位置改变了,这个问题是我最头疼的问题,找了好多的资料都没找到答案,但突然有个念头闪过,就是把<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">给删了,果然成功了,但为什么删除我就不清楚了,呵呵呵!

相关文章: