Ajax µ¯¶Ô»°³ö¿ò
±¾ÎĽ«Ê¹ÓÃAjaxToolkitÖеē PopupControlExtender £¬ DynamicPopulateExtender £¬ DragPanelExtender ”¿Ø¼þÀ´¹¹½¨Ò»¸öµ¯³ö¶Ô»°¿ò£¬¿ÉÒÔʵÏÖµ¯³ö¶Ô»°¿ò£¬¶Ô»°¿ò¿ÉÍ϶¯µÈ¹¦ÄÜ¡£±È½ÏÊʺÏ×öÿÈÕÒ»ÌùµÈЧ¹û
Ê×ÏȽâÊÍÏÂÏ£¬Èý¸ö¿ØÖƵÄ×÷Óãº
PopupControlExtender:ÊÇÒ»¸ö¿ÉÒÔ¿ØÖÆPopupÔØÌåµÄ×é¼þ£¬Ëü±¾Éí ²¢²»»á²úÉúPopup¿Ø¼þ£¬ËüµÄ×÷ÓÃÊÇ¿ØÖÆPopupÔØÌ壬ÀýÈçpanel£¬divµÈµÄÏÔʾ.
DynamicPopulateExtender:ÊÇÒ»¸ö¿ÉÒÔʵÏÖ¶¯Ì¬Ð§¹ûµÄ×é¼þ.
DragPanelExtender:ʵÏÖÍÏקЧ¹ûµÄ×é¼þ.
Ê×ÏÈÎÒÃÇÐèÒª´´½¨Ò»¸öPopupµÄÔØÌ壬ÕâÀïÎÒÃDzÉÓÃasp.net µÄPanel¿Ø¼þ, ¾ßÌå´úÂëÈçÏ£º
<asp:Panel ID="pnlPopup" runat="server" CssClass="frame" Style="display: none" mce_Style="display: none">
<div class="overlay">
<asp:Panel ID="pnlHeader" runat="server" CssClass="header">
<asp:Label ID="Label1" runat="server" CssClass="msg" Text="Tip of the Day" />
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('popup').hidePopup(); return false;" />
</asp:Panel>
<asp:Panel ID="pnlBody" runat="server" CssClass="body">
<%= NextTip() %>
</asp:Panel>
<div class="footer">
<asp:Button ID="btnNextTip" runat="server" Text="Next Tip" OnClientClick="return false;" />
<asp:Button ID="Button1" runat="server" Text="Close" OnClientClick="$find('popup').hidePopup(); return false;" />
</div>
</div>
<div class="underlay">
</div>
</asp:Panel>
<asp:Button ID="btnPopup" runat="server" Text="Show Tip of the Day" OnClientClick="return false;" />
<%// The e
Ïà¹ØÎĵµ£º
´Ö¿´ Selenium
ÔÚµäÐ͵ÄÔÚÏßÉ̵êÖУ¬ÐèÒªÓû§ÊäÈë»òÑ¡ÔñÖڶಽÖèºó²Å¿ÉÒÔÍê³ÉÕû¸ö¹ºÎïÁ÷³Ì¡£×÷ΪwebÓ¦ÓõĿª·¢Õߣ¬ÄãÈçºÎ±£Ö¤Äã³ÌÐòµÄÖÊÁ¿ºÍÕýÈ·ÐÔÄØ£¿Èç¹ûÄÜÓа취²âÊÔÄ㹦ÄܵÄÕýÈ·ÐÔ£¬ÄÇÎÊÌâ¾ÍÓÈжø½âÁË£¬µ«ÈçºÎ×öµ½ÄØ?
Selenium ÊÇÒ»¸öÓÉThoughtWorks×öµÄרÃÅΪwebÓ¦ÓÃËù×öµÄ·Ç³£ÓÐЧµÄ¹¦ÄܲâÊÔ¹¤¾ß¡£Selenium µÄ tes ......
//Óû§ÃûУÑéµÄ·½·¨
//Õâ¸ö·½·¨½«Ê¹ÓÃXMLHTTPRequest¶ÔÏóÀ´½øÐÐAJAXµÄÒì²½Êý¾Ý½»»¥
var xmlhttp;
function verify() {
//0¡£Ê¹ÓÃdomµÄ·½Ê½»ñÈ¡Îı¾¿òÖеÄÖµ
//document.getElementById("userName")ÊÇdomÖлñÈ¡ÔªËؽڵãµÄÒ»ÖÖ·½·¨£¬Ò»¸öÔªËؽڵã¶ÔÓ¦HTMLÒ³ÃæÖеÄÒ»¸ö± ......
<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
--></mce:style><style type="t ......
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="Ìá½»"/>
<script type="text/javascript">
function test(){
var valid = {
& ......