AjaxÖ®PopupControlÓ¦Óà °ïÖúÓû§ÊäÈëµÄÃæ°å
PopupControlÀ©Õ¹Æ÷¿Ø¼þ¿ÉÒÔ¸½¼Óµ½ÈκοؼþÖ®ÉÏ£¬µ±Óû§µã»÷¸Ã¿Ø¼þʱ£¬½«µ¯³öÒ»¸öÔ¤ÏÈÖ¸¶¨ºÃµÄ¡¢ÏÔʾ¸½¼ÓÐÅÏ¢»òÓÃÀ´°ïÖúÓû§Ö´ÐÐijЩÉ趨µÄPanel¡£µ±¸Ã¿Ø¼þʧȥÊäÈë½¹µãÖ®ºó£¬Panel½«×Ô¶¯Ïûʧ£¬ÇÒÓû§ÔÚÆäÖнøÐеÄÅäÖý«±»É趨µ½À©Õ¹Æ÷µÄÄ¿±ê¿Ø¼þÖ®ÉÏ¡£
ʵÀýͼƬ(ÔÝʱ²»»á²åÈëͼƬ)£º
AjaxTestPopupControl.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxTestPopupControl.aspx.cs"
Inherits="WebDemo.Ajax.AjaxTestPopupControl" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<mce:style type="text/css"><!--
/*Popup Control*/
.popupControl
{
background-color:White;
position:absolute;
visibility:hidden;
}
--></mce:style>
</head>
<body>
<!--
TargetControlID£º¸ÃÀ©Õ¹Æ÷Ä¿±ê¿Ø¼þµÄID£¬¼´Óû§Êó±êµã»÷Ö®ºóÏÔʾµ¯³öÃæ°åµÄ¿Ø¼þµÄID
PpoupControlID£º×÷Ϊµ¯³öÃæ°åµÄPanelµÄID
Position£ºµ¯³öÃæ°åÓëÄ¿±ê¿Ø¼þλÖõÄÏà¶Ô¹Øϵ£¬¿ÉÑ¡Bottom(µ×²¿)¡¢Center(ÖÐÐÄ)¡¢Left(×ó±ß)¡¢Right(ÓÒ±ß)»òTop(¶¥²¿)
OffsetX£º»ùÓÚPositionÉ趨£¬µ¯³öÃæ°åÓëÄ¿±ê¿Ø¼þÔÚX·½ÏòµÄ¶îÍâÆ«ÒÆÁ¿£¬µ¥Î»ÎªÏñËØ(px)
OffsetY£º»ùÓÚPositionÉ趨£¬µ¯³öÃæ°åÓëÄ¿±ê¿Ø¼þÔÚY·½ÏòµÄ¶îÍâÆ«ÒÆÁ¿£¬µ¥Î»ÎªÏñËØ(px)
CommitProperty£ºÄ¿±ê¿Ø¼þµÄÒ»¸öHTMLÊôÐÔ£¬ÀýÈçTextBoxµÄvalue¡¢LabelµÄinnerHTMLµÈ¡£Óû§ÔÚµ¯³öÃæ°åÄÚ×÷³öµÄÑ¡ÔñÖµ
½«Í¨¹ý¸ÃÀ©Õ¹Æ÷¿Ø¼þµÄCommit()·½·¨É趨µ½Ä¿±ê¿Ø¼þµÄ¸ÃÊôÐÔÉÏ¡£¸ÃÊôÐÔµÄĬÈÏÖµ»á×Ô¶¯Ñ¡ÔñÄ¿±ê¿Ø¼þµÄ
ĬÈÏÊôÐÔ
CommitScript£ºÔÚÉèÖÃÍòCommitPropertyÊôÐÔÖ®ºó£¬¸½¼
Ïà¹ØÎĵµ£º
¶ÔÏëѧAjaxµÄÐÂÈË£¬Ç¿ÁÒÍƼöÒ»ÏÂÎÄÕ£º¡¶ÕÆÎÕ Ajax ϵÁС· http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/
¸ÃϵÁУ¬²»ÏñÄÇЩͷʹҽͷ½ÅÍ´Ò½½ÅµÄËÙʳÅÉ£¬ßëßë߶߶˵ÁË°ëÌ춼¾õµÃû˵µ½µã×ÓÉÏ£¬¸ÃϵÁÐÎÄÕÂÉîÈëdz³öµÄ½éÉÜÁËһЩºÜ»ù±¾µÄ֪ʶ£¬µÀ³öÁËһЩ·Ç³£±¾ÖʵÄÄںˣ¬¾ÍËãÄãÊÇAjaxÀÏÊÖ£ ......
½ñÌì¸ãÁËÎÒÈýËĸöСʱµÄÎÊÌ⣬ÖÕÓÚÕÒµ½½â¾ö·½°¸ÁË¡£¹þ¹þ¡£
ÔÚAjax¿ª·¢ÖУ¬»áÓöµ½ä¯ÀÀÆ÷»º´æÄÚÈݵÄÎÊÌ⣬±ÈÈ磬ij¸öÔªËØ×¢²áÁËÊó±êʼþ£¨onmouseover£©£¬Ê¼þ´¥·¢ºó»áͨ¹ýxmlhttprequestµ½·þÎñÆ÷»ñÈ¡ÄÚÈÝ£¬ÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏ£¬ä¯ÀÀÆ÷»á»º´æµÚÒ»´ÎÇëÇóµÄÄÚÈÝ£¬·þÎñ¶Ë¸üкóä¯ÀÀÆ÷ÈÔÈ»ÏÔʾµÚÒ»´ÎµÄÄÚÈÝ¡£
ͨ³££¬ÕâÖÖÇëÇó¶ ......
Ò»¡¢¸ÅÊö
¿¼ÂÇHtml±¾Éí²»´ø¶¨Ê±Ë¢ÐÂÒ³ÃæµÄ¿Ø¼þ£¬ÇÒ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þ£»Òò´Ë¿¼ÂÇʹÓÃJavascriptÖеÄsetTimeout+xmlhttpÀ´ÊµÏÖ¶¨Ê±¸üÐÂÒ³ÃæÖв¿·ÖÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉÏ°æ±¾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
¶þ¡¢¹¦Äܼ°Ìصã
1¡¢Javascriptͨ¹ýMicrosoftµÄMSXML¶ÔÏ󣬶¯Ì¬»ñÈ¡ºǫ́Êý¾Ý¿âÊý¾Ý£»
&n ......
תÔØÓÚhttp://xzio.javaeye.com/blog/91713
×î³õ¿´µ½ajax¸Ð¾õºÃ¾ªÏ²°¡£¬²»ÓÃË¢ÐÂÈ«²¿Ò³Ã棬¾Í¿ÉÒÔ¸ü¸Ä¾Ö²¿Ò³ÃæÊý¾Ý¡£ÕæµÄºÜ·½·¨
µ«ÊÇÒÔΪ»áºÜÄÑ£¬µ«Êµ¼Ê×öÁ˲ÅÖªµÀ£¬AJAXºÜ¼òµ¥¡£ÖÁÉÙÈëÃźܼòµ¥ Èç¹ûÄã»áajaxÄǾͲ»Òª¿´ÁË¡£¸ü²»ÒªÂîÎÒ¡£±ÈÎÒÅ£µÄÈËÌ«¶àÁË
»¥ÏཻÁ÷£¬Ñ§Ï°¡£MSN:whw_dream(AT)hotmail.com
Ê×ÏÈÊÇjspÒ³ÃæºÍ ......
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"Content-Type"
conten ......