ASP.NET1.0/2.0ÀïÓÃDIV²ãÔªËص¯³ö´°Ìå

£¼%@ Page language="c#"
Codebehind="ParentPage.aspx.cs" AutoEventWireup="false"
Inherits="PopupWithDiv.ParentPage" %£¾
£¼!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" £¾
£¼HTML£¾
£¼HEAD£¾
¡¡£¼title£¾Parent Page£¼/title£¾
¡¡£¼LINK href="main.css" type="text/css" rel="stylesheet"£¾
¡¡£¼script src="jsPopup.js" type="text/javascript"£¾£¼/script£¾
¡¡£¼script language="javascript"£¾
¡¡¡¡£¼!--
¡¡¡¡¡¡// Prevent users from typing any text
¡¡¡¡¡¡// into the Textbox
¡¡¡¡¡¡function ProtectBox(e)
¡¡¡¡¡¡{return false; }

¡¡¡¡//--£¾
¡¡£¼/script£¾
£¼/HEAD£¾
£¼body£¾
¡¡£¼form id="Form1" method="post" runat="server"£¾
¡¡£¼!-- Header Section --£¾
¡¡£¼div id="header"£¾
¡¡¡¡£¼p£¾Popup Window with DIV Layer£¼/p£¾
¡¡£¼/div£¾
¡¡£¼!-- Body Section --£¾
¡¡£¼div id="content"£¾
¡¡¡¡£¼table border="0" cellpadding="0" cellspacing="0"£¾
¡¡¡¡£¼tr valign="top"£¾
¡¡¡¡¡¡£¼td£¾£¼label for="txtCountry"£¾Country :£¼/label£¾£¼/td£¾
¡¡¡¡¡¡£¼td£¾£¼asp:TextBox
¡¡¡¡¡¡¡¡¡¡id="txtCountry" runat="server" OnKeyDown="return
¡¡¡¡¡¡¡¡¡¡ProtectBox(event);" OnClick="PopupArea(event, 'divCountry')"£¾£¼/asp:TextBox£¾£¼/td£¾
¡¡¡¡¡¡£¼td width="50"£¾£¼/td£¾
¡¡¡¡¡¡£¼td£¾£¼label for="txtCity"£¾City :£¼/label£¾£¼/td£¾
¡¡¡¡¡¡£¼td£¾£¼asp:TextBox
¡¡¡¡¡¡¡¡¡¡¡¡id="txtCity" runat="server" OnKeyDown="return
¡¡¡¡¡¡¡¡¡¡¡¡ProtectBox(event);" OnClick="PopupArea(event, 'divCity')"£¾£¼/asp:TextBox£¾£¼/td£¾
¡¡¡¡£¼/tr£¾
¡¡¡¡£¼/table£¾
¡¡£¼/div£¾
¡¡£¼%-- Country --%£¾
¡¡£¼div class="popupWindow" id="divCountry"£¾
¡¡¡¡£¼table cellSpacing="0" cellPadding="0" width="100%"¡¡bgColor="#2557ad" border="0"£¾
¡¡¡¡£¼tr£¾
¡¡¡¡¡¡£¼td align="right"£¾£¼span style="CURSOR: hand"
¡¡¡¡¡¡¡¡onclick="jsAreaClose('divCountry')"£¾£¼img alt="Hide Popup" src="close.gif"
¡¡¡¡¡¡¡¡border="0"£¾£¼/span£¾£¼/td£¾
¡¡¡¡£¼/tr£¾
¡¡¡¡£¼tr£¾
¡¡¡¡¡¡£¼td£¾
¡¡¡¡¡¡¡¡£¼asp:ListBox id="lstCountry" runat="server" AutoPostBack="True" width="100%"
rows="10"£¾£¼/asp:ListBox£¾£¼/td£¾
¡¡¡¡£¼/tr£¾
¡¡£¼/table£¾
¡¡£¼/div£¾
¡¡£¼%-- City --%£¾
¡¡¡¡£¼div class="popupWindow" id="divCity"£¾
¡¡¡¡£¼table
¡¡¡¡¡¡¡¡cellSpacing="0" cellPadding="0" width="100%"
¡¡¡¡¡¡¡¡bgColor="#2557ad" border="0"£¾
¡¡¡¡£¼tr£¾
¡¡¡¡¡¡£¼td align="right"£¾£¼span style="CURSOR: hand" onclick="jsAreaClose('divCity')"£¾£¼img alt="Hide Popup" src="close.gif" border="0"£¾£¼/span£¾£¼/td£¾
¡¡¡¡£¼/tr£¾
¡¡¡¡£¼tr£¾
¡¡¡¡¡¡£¼td£¾
¡¡¡¡¡¡¡¡£¼asp:ListBox id="lsCity" runat="server" AutoPostBack="True" width="100%" rows="10"£¾£¼/asp:ListBox£¾¡¡¡¡¡¡£¼/td£¾
¡¡¡¡£¼/tr£¾
¡¡¡¡£¼/table£¾
¡¡£¼/div£¾
£¼/form£¾
£¼/body£¾
£¼/HTML£¾

// Load data into Country List box
if (!Page.IsPostBack)
{
¡¡// Load data from XML into a DataSet
¡¡DataSet ds = new DataSet();
¡¡ds.ReadXml(Server.MapPath("countries.xml"));

¡¡this.lstCountry.DataSource = ds.Tables[0].DefaultView;
¡¡this.lstCountry.DataTextField = "name";
¡¡this.lstCountry.DataBind();
}

¡¡¡¡ÔÚÕâÒ»²½ÖèÖУ¬µ±Ò³ÃæÔËÐÐʱ£¬Äú¿ÉÒÔÑ¡Ôñ¹ú¼Ò£¬ÈçÏÂͼ

¡¡¡¡ÏÖÔÚ£¬µ±Óû§Ñ¡Ôñ¹ú¼Òʱ£¬½«´¥·¢listboxµÄÑ¡Ôñʼþ£¬²¢Í¨¹ý¸Ãʼþ¼ÓÔØ¡°³ÇÊС±Êý¾Ý£¬¸ÃÊý¾ÝͬÑù´ÓXMLÎĵµ¼ÓÔØ

¡¡¡¡ÏÂÃæÁгöÁËʼþ´úÂë

¡¡¡¡Listing 3


¡¡¡¡Óû§ÏÖÔÚ¿ÉÒÔÑ¡ÔñÓë¹ú¼ÒÏàÆ¥ÅäµÄ³ÇÊУ¬ÈçÏÂ