0

以下は、ユーザーが画像リンクをクリックしたときにポップアップウィンドウを表示するための私のコードです。

Javasript

  function plusbutton(mylink, windowname)
    {
    if (! window.focus)return true;
    var href;
    if (typeof(mylink) == 'string')
       href=mylink;
    else
       href=mylink.href;
    window.open(href, windowname, 'width=800,height=550,scrollbars=yes');
    return false;
}

HTML

<a href="previousquestions.php" onclick="return plusbutton(this, 'previousquestions');">
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
</a>

私の質問は、ユーザーがウィンドウを開いたときに、ユーザーがウィンドウから離れてクリックすると、ウィンドウが最小化されるということです。私はこれが起こらないようにしたい。ユーザーがウィンドウから離れてクリックした場合でも、ウィンドウが表示されます。

これは、Microsfot Wordで[名前を付けて保存]をクリックしたとき、[名前を付けて保存]ウィンドウが表示されたときにクリックしてもウィンドウが表示され、ドキュメントを保存するか、名前を付けて保存をキャンセルする必要があることを示します。ドキュメントに対して他のことを行うことができます。上記のポップアップウィンドウでも同じことが起こりたいのですが、どうすればこれを実現できますか？

ありがとう

4

2 に答える 2

2

あなたがやろうとしていることは「モーダルウィンドウ」と呼ばれ、ブラウザウィンドウではこの目標を達成することはできません。実際、それがウィンドウであることを保証することすらできません。ブラウザによっては、新しいタブを開くだけの場合もあります。

あなたがすべきことはあなたのアプリケーション内で純粋なHTMLでウィンドウを開くことです。一部のライブラリでは、これを簡単に行うことができます。たとえば、jQueryUIダイアログです。http://jqueryui.com/demos/dialog/#modalをチェックしてください

すべてのアーキテクチャがポップアップコンテンツを個別のURLで配信されるように制限している場合は、次のいずれかを実行できます。

  • ポップアップにiframeを入れてください（簡単ですが汚いです）
  • または、XMLHttpRequestを使用してHTMLコンテンツを取得し、それを使用してポップアップのコンテンツを定義します。多分もう少しトリッキーですが、よりクリーンです。
于 2012-05-22T10:10:29.647 に答える
0

モーダルdivを表示する必要があります。これはウィンドウのように見えますが、クリックしても消えません。

jQueryのようなjavascriptlibを使用できる場合は、次のように実行できます。

$('yourdivselector').dialog({modal : true});

モーダルオプションをtrueに設定

http://docs.jquery.com/UI/Dialog

于 2012-05-22T10:06:10.887 に答える