使用iframe实现calendar动态显示，并遮住画面中DropDownList
|
日期：2007年6月29日 作者： 查看:[大字体
中字体 小字体]
|
基础知识介绍：
iframe：可以让你在一个页面中嵌套调用别的事件。
Calendar控件：微软自己制定的服务器端控件，用起来相当方便。
DropDownList控件：html显示的代码为(input type=”select”)，这个控件比较奇怪，M$把它定义在页面的最顶层，也就是无论你如何修改其他控件Z-INDEX，你都没有办法遮住它。
主页面 HTML
--------------------------------------------------------------------------------
<script language="javascript">
function setDate(strDate)
{ mainForm.txtDatetime.value = strDate; }
</script>
<body>
<form id="mainForm" method="post" runat="server">
<table>
<tr>
<td><asp:Button ID="btnShow" Runat="server" Text="Show Calendar"></asp:Button></td>
</tr>
<tr>
<td> <asp:DropDownList ID="dplSample" Runat="server">
<asp:ListItem>Wanna cover me?</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td><asp:TextBox ID="txtDatetime" Runat="server" AutoPostBack="True"></asp:TextBox></td>
</tr>
<tr>
<td> <iframe id="frmCalendar" runat="server" src="WebCalendar.aspx" height="163" width="134" marginheight="0" marginwidth="0"> </iframe> </td>
</tr>
</table>
</form>
</body>
--------------------------------------------------------------------------------
主页面 cs
--------------------------------------------------------------------------------
private void Page_Load(object sender, System.EventArgs e)
{
if( !this.IsPostBack )
{
frmCalendar.Visible = false;
}
}
private void btnShow_Click(object sender, System.EventArgs e)
{
if( this.frmCalendar.Visible )
{
this.frmCalendar.Visible = false;
}
else
{
this.frmCalendar.Visible = true;
this.frmCalendar.Style.Add("position", "absolute");
this.frmCalendar.Style.Add("top", "43");
this.frmCalendar.Style.Add("left", "12");
}
}
--------------------------------------------------------------------------------
子页面 html
--------------------------------------------------------------------------------
<body>
<form id="calenderFrom" method="post" runat="server">
<asp:calendar id="calDate" runat="server" Font-Names="Arial" Font-Size="8pt" Height="100px" ForeColor="Black" BorderStyle="Solid" FirstDayOfWeek="Sunday" BackColor="White" BorderColor="Black" CellSpacing="1">
<TodayDayStyle ForeColor="White" BackColor="Navy"></TodayDayStyle>
上一篇:win2000罕见实用技巧集
下一篇:ASP.NET与ASP的不同
|
| 使用iframe实现calendar动态显示，并遮住画面中DropDownList 相关文章： |
|
|
|
| 使用iframe实现calendar动态显示，并遮住画面中DropDownList 相关软件： |
|
|
|
精品推荐