1

現在、私の Web サイトでは、ShowModalDialogue を表示して警告を表示しています。最近、これの動作を以下のように変更するように依頼されました。

以前の動作:

以前は警告メッセージを表示するだけでした。ユーザーは、ダイアログ ボックスの [OK] または [閉じる] ボタンをクリックして続行できます。

新しい動作:

同じ ShowModalDialogue にテキスト ボックスを挿入するように依頼されました。ここで、ユーザーは [OK] ボタンをクリックする前に自分のイニシャルを挿入する必要があります。また、[閉じる] ボタンをクリックしてもダイアログを閉じることができなくなりました。テキスト ボックスが空の状態で [閉じる] ボタンまたは [OK] ボタンをクリックしてダイアログを閉じようとすると、同じポップアップが開き、警告が表示されます。しかし、問題は、プロパティが動かないように変更されているにもかかわらず、警告メッセージ ダイアログを閉じると、画面上でランダムに移動することです。

今、この ShowModalDialogue をより良いものに置き換えるように依頼されました。2 つの提案があります: 1. CSS div ポップアップ 2. Ajax コントロールの ModalPopup。それらのどれがより良いですか？私が使用できる代わりに使用できるものは他にありますか?

私の主な関心事は、見栄えと扱いやすさです。

前もって感謝します。

4

2 に答える 2

0

qTip2 を試してみませんか? これには多くのオプションがあります。

http://craigsworks.com/projects/qtip2/demos/#dialogues

于 2013-06-05T05:11:47.470 に答える
0

jquery UIで簡単に実行できます

    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Create an account": function() {
                bValid =  $("#d-form").valid();
                if (bValid ){
                    $( "#users tbody" ).append( "<tr>" +
                        "<td>" +  $( "#name" ).val() + "</td>" + 
                        "<td>" + $( "#email" ).val() + "</td>" + 
                        "<td>" + $( "#password" ).val() + "</td>" +
                    "</tr>" ); 
                    $( this ).dialog( "close" );
            }

            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });

フィドル

于 2013-06-05T05:17:57.903 に答える