|
分類:[.NET 全般]
2008/05/07(Wed) 11:44:19 編集(投稿者)
お世話になっております。
環境は、visual Studio2005 FrameWork2.0 で
C#(asp.net2.0)によるWEBの開発をおこなっております。
登録中に「登録中です・・」というポップアップを
AJAX TOOLKITのmodalpopupextenderを使用してパネル表示しているのですが、
IE7ではポップアップ画面が指定した位置に表示されません。
※IE6.0では正常に動作します。
表示方法はjavascriptで以下のように行っております。
<javascript部分>
var w = document.getElementById('ModalPanel').style.width;
var h = document.getElementById('ModalPanel').style.height;
$find('ModalBehaviour')._xCoordinate =(parseInt(getWindowWidth())-parseInt(w.replace("px","")))/2;
$find('ModalBehaviour')._yCoordinate =parseInt(getWindowHeight())/2;
$find('ModalBehaviour').show();
//Window( Frame )の幅の取得
function getWindowWidth(){
if(document.documentElement && document.documentElement.clientWidth){
return document.documentElement.clientWidth;
}
else if(document.body && document.body.clientWidth){
return document.body.clientWidth;
}
return 0;
}
//Window( Frame )の高さの取得
function getWindowHeight(){
if(document.documentElement && document.documentElement.clientHeight){
return document.documentElement.clientHeight;
}
else if(document.body && document.body.clientHeight){
return document.body.clientHeight;
}
return 0;
}
<modalpopupextender部分>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="dummyButton" PopupControlID="ModalPanel" OkControlID="ButtonOK" BackgroundCssClass="modalBackground" BehaviorID ="ModalBehaviour" x="200" Y="500"/>
<%-- モーダルパネル --%>
<asp:Panel ID="ModalPanel" runat="server" style="display:none; width:300px; background-color:White; border-width:2px; border-color:Black; border-style:solid; padding:5px;" CssClass="modalPopup">
<%-- モーダルパネルのドラッグハンドルタイトル --%>
<asp:Panel ID="Panel3" runat="server" Style="cursor:default;background-color:#DDDDDD;border:solid 1px Gray;color:Black; " Height="24px">
<%-- タイトル文字 --%>
<p>VitaWeb</p>
</asp:Panel>
<img id="warningimg" border="0" src="img/loadimg.gif" width="30" height="30" alt="warningimg" />
<label id="Labeltxt" runat="server" >.......</label>
<%-- モーダルOKボタン必須！ --%>
<asp:Button ID="ButtonOK" runat="server" Text="OK" style="width:100px;"/>
</asp:Panel>
<%-- モーダルターゲットコントロール必須！ --%>
<asp:Button ID="dummyButton" runat="server" Text="dummyButton" style="display: none;"/>
色々調べましたが、このサイトが一番近いように思えました。
でも、内容がよくわかりませんでした・・。
http://forums.asp.net/t/1136355.aspx
原因と回避策をご存知でしたらお教えください。。
|