0

私はWebサイト（C＃、. Net 3.5 Framework）で作業しており、Popup windowブラウザーのポップアップブロッカー設定を回避するための代替手段を探しています。つまり、Webサイトのポップアップブロッカーの依存関係を削除したいと考えています。多くのユーザーは、それが気に入らないためにそれらを無効にします。

メニューとウェブサイトの共通インターフェースにマスターページを使用しています。

しかし、すべての要件は同じです。

  1. 重なり合ったウィンドウ
  2. Common Interface/component他のHTML/ASPXページのコンテンツを表示するために使用できます
  3. 値passed and returnedはオープナーウィンドウになります。

このシナリオに最適なオプションはどれですか？

ありがとう。

4

2 に答える 2

1

あなたの最善の策はjavascript、おそらくjqueryのモーダルプラグインですが...問題は、それが100％信頼できるわけではないということです。多くの人がJavaScriptを無効にしている、またはそのjsを備えたブラウザを持っていない可能性があります（一部の古い携帯電話など）。

于 2012-06-16T19:51:21.507 に答える
0

ポップアップウィンドウの代わりとして、私は方法を見つけました。

スタイルシート（ポップアップ関連のCSS）
目的：ポップアップウィンドウのCSS

.PopupOuterDiv
{
height:100%;
width:100%;
top:0px;
left:0px;
background-color:#000000;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
z-index:50;
}

.PopupInnerDiv
{
position:fixed;
background-color:#ffffff;
z-index:50;
left:25%;
right:25%;
top:25%;
border-right: #0066ff 5px solid;
border-top: #0066ff 5px solid;
border-left: #0066ff 5px solid;
border-bottom: #0066ff 5px solid;
font-family: Arial;
}

.PopoupTitle
{
background-color: #0066ff;
height:25px;
color: white;
}

.PopoupButton
{
color: #ffffff;
width:20px;
border:white 1px solid;
background-color: #663300;
}

マスターページ
目的：ポップアップの共通コードが含まれています

1.外側のフェード効果用に1つのDivを作成し
ます2.コンテナーまたはポップアップウィンドウとしてDivを作成し
ます3.コンテナーDIV内にIframeを作成し、URLを割り当てます。

 <div class="PopupOuterDiv" runat="server" id="PopupOuterDiv" style="display:none;"></div>
    <div class="PopupInnerDiv" runat="server" id="PopupInnerDiv" style="display:none;">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr class="PopoupTitle">
            <td id="PopoupTitle"></td>
            <td align="right">
                <input class="PopoupButton" type="Button" value="X" onclick="closePopup();" />
            </td>
        </tr>
        <tr style="height:8px;" ><td></td></tr>        
        <tr>
            <td colspan="2">&nbsp;
            <iframe id="PopupIframe" src="" runat="server" height="300px" width="480px"></iframe> 
            </td>
        </tr>
    </table>
    </div>

ポップアップを開いたり閉じたりするJavaScript

   function closePopup()
  {
    document.getElementById('<%=PopupOuterDiv.ClientID%>').style.display = 'none';
    document.getElementById('<%=PopupInnerDiv.ClientID%>').style.display = 'none';
  }

  function openPopup(PopupTitle, PopupURL)
  {
    document.getElementById('<%=PopupOuterDiv.ClientID%>').style.display = '';
    document.getElementById('<%=PopupInnerDiv.ClientID%>').style.display = '';
    document.getElementById('PopoupTitle').innerText = PopupTitle;    
    document.getElementById('<%=PopupIframe.ClientID%>').src = PopupURL;    
  }

コンテンツページ

任意のコンテンツページからポップアップウィンドウを呼び出します。

openPopup('My Custom Popup', '../aspx/User.aspx');
于 2012-07-10T17:51:13.530 に答える