0

このページに表示されているように、ポップアップではなく、現在の Web ページに独自に設計したウィンドウを作成して表示したい リンクを開き、そのページの最初の [デモ] ボタンをクリックします。

リンクを受け入れたstackoverflowでこの質問にリンクを張ろうとすると、同じタイプのウィンドウが表示されました。

たとえば、facebook もこのタイプのウィンドウを使用して、タグ付けされた画像を表示します。私を助けてください。

4

2 に答える 2

0

div ボックスをポップアップするための正確なコードを探しているなら、ここにあります。ブラウザーの中央に div ボックスを表示するのは難しく、中央を調整するための JavaScript がさらに必要になります。

「return false;」に注意してください。ボタンの OnClientClick イベントで。これにより、ボタンによるポストバックの実行とページ全体のリロードが停止します。

<head runat="server">
        <script type="text/javascript" language="javascript">
            function togglePopUp(div_id) {
                var el = document.getElementById(div_id);
                if (el.style.display == 'block') { el.style.display = 'none'; }
                else { el.style.display = 'block'; }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
            <asp:Button ID="btnPopUp" OnClientClick="togglePopUp('popUpDiv'); return false;"
                 text="Pop Up a div boxt" runat="server" />
            </div>

            <div id="popUpDiv" 
            style="
                display:none;
                position:absolute;
                top:100px;
                left:100px;
                background-color:Gray;
                z-index: 10002;">
             My popup box
             </div>
        </form>
    </body>
    </html>
于 2012-06-29T13:55:58.797 に答える
0

ASP.NET を使用している場合、その機能はAjax Control Toolkitで利用できます。

HTML と JavaScript をそのまま使用することも可能です。

ポップアップに必要なコンテンツを含む div を作成し、その "Display" プロパティを "none" に設定するだけです。

ユーザー インタラクション (マウス クリック、ボタン クリックなど) で、JavaScript を使用してディスプレイを「ブロック」に設定します。（もう少しありますが、それが要点です。）

もちろん、リンク先のページからそれを行うコンポーネントを取得することもできます。

それを行う別の方法とより完全な説明については、ここにソース コードを含む完全な例があります: http://www.c-sharpcorner.com/uploadfile/rahul4_saxena/modal-popup-window-in-Asp-Net/

于 2012-06-29T13:34:00.400 に答える