以下是弹出层DIV的代码:
<div id="addExmaPaper" class="popDiv">
<div id="popDivTittle" class="popDivTittleDiv">
<div class="left_corner">
</div>
<div class="popup_title">
<asp:Literal ID="Literal1" runat="server">选择考试试卷</asp:Literal>
<a href="#" onclick="hide();">
<img src="../images/close.png" alt="" /></a>
</div>
<div class="right_corner">
</div>
</div>
<div class="popBody">
<div id="selectCondition">
<ul>
<li>
<label id="lblPaperName">
试卷名称</label>
<asp:TextBox ID="txtPaperName" runat="server" ></asp:TextBox>
</li>
<li id="PaperDomain">
<label style="text-align: right">
试卷领域</label>
<MS:MultipSelection ID="msPaperDomain" CssClass="regularText " runat="server" />
</li>
<li>
<label id="lblPaperType">
出卷方式</label>
<asp:DropDownList ID="ddlPaperType" CssClass="popDivDropList" runat="server">
<asp:ListItem Value="0">考场随机生成</asp:ListItem>
<asp:ListItem Value="1">随机生成</asp:ListItem>
<asp:ListItem Value="2">人工生成</asp:ListItem>
</asp:DropDownList>
</li>
<li>
<label id="lblReleaser">
出卷人</label>
<asp:TextBox ID="txtReleaser" runat="server"></asp:TextBox></li>
<li>
<label id="lblCreateStartTime">
创建时间</label>
<asp:TextBox ID="txtCreateStartTime" runat="server" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'});"></asp:TextBox><img
src="../images/date.png" alt="" style="cursor: pointer; vertical-align: middle" />
</li>
<li>
<label id="lblCreateEndTime">
~</label>
<asp:TextBox ID="txtCreateEndTime" runat="server" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'});"></asp:TextBox><img
src="../images/date.png" alt="" style="cursor: pointer; vertical-align: middle" /></li>
</ul>
</div>
<asp:UpdatePanel ID="AddExamPaper" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="bjxnfx_searchButton_div" style="margin-top: 50px;">
<asp:Button ID="btnQueryExamPaper" CssClass="search_button" runat="server" BorderColor="#E3ECF3"
Text="查询" OnClick="btnQuery_Click" />
</div>
<div class="cutline2" style="width: 97%;">
</div>
<div style="clear: both; padding-top: 5px; font-size: 13px">
里面是gridview,因为代码太长了不让发帖,我给省去了。 </div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="popup_bottom">
<div class="left_bottomcorner">
</div>
<div class="submit" style="padding-top: 7px;">
<asp:UpdatePanel ID="upSelectPaper" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="btnOK" runat="server" CssClass="confirm_button" Text="确定" OnClick="btnOK_Click" />
<asp:Button ID="btnAbandon" runat="server" CssClass="cancel_button" OnClick="btnAbandon_Click"
Text="取消" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="right_bottomcorner">
</div>
</div>
</div>
为了实现其可以移动,我添加了如下js <script type="text/javascript">
(function () {
var _addExmaPaper;
YAHOO.util.Event.onDOMReady(function () {
_addExmaPaper = new YAHOO.util.DD("addExmaPaper", null, { scroll: false });
});
})();
</script>现在问题出来了,当弹出DIV后,DIV所有的textbox都无法获得焦点了。如果注释掉“_addExmaPaper = new YAHOO.util.DD("addExmaPaper", null, { scroll: false });” 则点击时可以获取焦点,但是div不能移动了。如果我为没一个textbox添加事件 onclick="focus();" 则可以实现,但是我有好多页面,不能每一个都添加。是不是哪里写错了,有什么解决办法吗
<div id="addExmaPaper" class="popDiv">
<div id="popDivTittle" class="popDivTittleDiv">
<div class="left_corner">
</div>
<div class="popup_title">
<asp:Literal ID="Literal1" runat="server">选择考试试卷</asp:Literal>
<a href="#" onclick="hide();">
<img src="../images/close.png" alt="" /></a>
</div>
<div class="right_corner">
</div>
</div>
<div class="popBody">
<div id="selectCondition">
<ul>
<li>
<label id="lblPaperName">
试卷名称</label>
<asp:TextBox ID="txtPaperName" runat="server" ></asp:TextBox>
</li>
<li id="PaperDomain">
<label style="text-align: right">
试卷领域</label>
<MS:MultipSelection ID="msPaperDomain" CssClass="regularText " runat="server" />
</li>
<li>
<label id="lblPaperType">
出卷方式</label>
<asp:DropDownList ID="ddlPaperType" CssClass="popDivDropList" runat="server">
<asp:ListItem Value="0">考场随机生成</asp:ListItem>
<asp:ListItem Value="1">随机生成</asp:ListItem>
<asp:ListItem Value="2">人工生成</asp:ListItem>
</asp:DropDownList>
</li>
<li>
<label id="lblReleaser">
出卷人</label>
<asp:TextBox ID="txtReleaser" runat="server"></asp:TextBox></li>
<li>
<label id="lblCreateStartTime">
创建时间</label>
<asp:TextBox ID="txtCreateStartTime" runat="server" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'});"></asp:TextBox><img
src="../images/date.png" alt="" style="cursor: pointer; vertical-align: middle" />
</li>
<li>
<label id="lblCreateEndTime">
~</label>
<asp:TextBox ID="txtCreateEndTime" runat="server" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss'});"></asp:TextBox><img
src="../images/date.png" alt="" style="cursor: pointer; vertical-align: middle" /></li>
</ul>
</div>
<asp:UpdatePanel ID="AddExamPaper" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="bjxnfx_searchButton_div" style="margin-top: 50px;">
<asp:Button ID="btnQueryExamPaper" CssClass="search_button" runat="server" BorderColor="#E3ECF3"
Text="查询" OnClick="btnQuery_Click" />
</div>
<div class="cutline2" style="width: 97%;">
</div>
<div style="clear: both; padding-top: 5px; font-size: 13px">
里面是gridview,因为代码太长了不让发帖,我给省去了。 </div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="popup_bottom">
<div class="left_bottomcorner">
</div>
<div class="submit" style="padding-top: 7px;">
<asp:UpdatePanel ID="upSelectPaper" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="btnOK" runat="server" CssClass="confirm_button" Text="确定" OnClick="btnOK_Click" />
<asp:Button ID="btnAbandon" runat="server" CssClass="cancel_button" OnClick="btnAbandon_Click"
Text="取消" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="right_bottomcorner">
</div>
</div>
</div>
为了实现其可以移动,我添加了如下js <script type="text/javascript">
(function () {
var _addExmaPaper;
YAHOO.util.Event.onDOMReady(function () {
_addExmaPaper = new YAHOO.util.DD("addExmaPaper", null, { scroll: false });
});
})();
</script>现在问题出来了,当弹出DIV后,DIV所有的textbox都无法获得焦点了。如果注释掉“_addExmaPaper = new YAHOO.util.DD("addExmaPaper", null, { scroll: false });” 则点击时可以获取焦点,但是div不能移动了。如果我为没一个textbox添加事件 onclick="focus();" 则可以实现,但是我有好多页面,不能每一个都添加。是不是哪里写错了,有什么解决办法吗
YAHOO.util.Event.onDOMReady(function () {