7

-- 更新 -- 私は、いくつかのスクリプトを試してみて、できることとできないことを見つけるために助けが必要な件について多くのことを読みました。コミュニティはすべてに答えました。以下は良い出発点です。（以下のコミュニティから抽出された回答、ありがとう）

  1. Alert のデフォルトのスタイルをオーバーライドすることはできません。クライアントによって生成されます（例：chrome firefoxなど）

  2. 代わりに jquery を使用できます。次のようなスクリプトを使用する代わりに:

    function check_domain_input() { var domain_val = document.getElementsByName('domain'); if (domain_val[0].value.length > 0) { true を返します。} alert('検索するドメイン名を入力してください。'); false を返します。}

クライアント（firefox chromeなど）にアラートボックスを生成させます。

2b. イベントロードjqueryアラートボックスで何かが発生する必要があるかどうかをコードに伝えます。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />

<div onclick="check_domain_input()">Click</div>

<div id="dialog" title="Attention!" style="display:none">
    Please enter a domain name to search for.
</div>

<script>
    function check_domain_input()
    {        
        $( "#dialog" ).dialog(); // Shows the new alert box.

        var domain_val = document.getElementsByName('domain');

        if (domain_val[0].value.length > 0)
        {
            return true;
        }

        $( "#dialog" ).dialog();

        return false;
    }
</script>

ここで jsFiddle をチェックしてください: http://jsfiddle.net/8cypx/12/

4

5 に答える 5

8

ここで試してみてくださいjQuery UI: http://jqueryui.com/demos/dialog/

ダイアログ ボックスとモーダル ボックスのスタイルを設定できるテーマ ローラーがあります。

- 編集 -

2番目の質問に答えます。

ここで jsFiddle をチェックしてください: http://jsfiddle.net/8cypx/12/

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />

<div onclick="check_domain_input()">Click</div>

<div id="dialog" title="Attention!" style="display:none">
    Please enter a domain name to search for.
</div>

<script>
    function check_domain_input()
    {        
        $( "#dialog" ).dialog(); // Shows the new alert box.

        var domain_val = document.getElementsByName('domain');

        if (domain_val[0].value.length > 0)
        {
            return true;
        }

        $( "#dialog" ).dialog();

        return false;
    }
</script>

</p>

于 2012-07-17T18:47:24.343 に答える
6

組み込みの Javascript ダイアログ ボックス ポップアップ (見苦しく、CSS でカスタマイズすることはできません) の代わりに、jQuery ダイアログ ボックス コントロールを使用することをお勧めします。これらは簡単にスタイルを設定でき、jQuery には多くの組み込みテーマも付属しています。

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

于 2012-07-17T18:46:27.770 に答える
2

質問が正しかったとしても、ポップアップはクライアントのシステムに組み込まれているため、それはできないと思います。ただし、DIV要素などを表示して、説明したものを設計することはそれほど難しくありません。

于 2012-07-17T18:47:37.943 に答える
1

確認/警告ボックスは、ページではなくブラウザの一部です。

于 2012-07-17T18:48:19.880 に答える