javascript - PHPのjqueryでアラートメッセージを美化する方法は？

Question

プログラミング条件に応じてアラートメッセージが多すぎるので、正常で奇妙に見えるようにそれらを美化したいです。

if(True)
{
   echo "<script>alert('blah blah blah');</script>";
}

if(False)
{
   echo "<script>alert('blah blah blah');</script>";
}

あまりにも多くのjqueryプラグインを試しましたが、onclcik、onblur、onhover、onload、onsubmitなどの特定のイベントで動作します...

上記のコードで、イベントを使用せずにアラートメッセージをカスタマイズするにはどうすればよいですか？

score 2 · Accepted Answer

jQueryUIダイアログを使用します。

アラートのように直接開くことができます。divのような要素にメッセージを書いて、それがどのように準備できるかを書いてください。

jQueryuiダイアログを参照してください

サンプルコード：

js：

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>

html：

<div id="dialog" title="My Alert">
    <p>Blah blah blah</p>
</div>

可能であれば、モーダルメッセージは避けてください。画面全体がロックされているため、非常にイライラする可能性があります。アラートについても同じことが言えます。

score 1 · Accepted Answer

カスタムアラート（モーダルダイアログ）にはjQueryUIを使用できます。

PS：echoJavaScriptにはありません。

ここに画像の説明を入力してください

素敵なモーダルダイアログ！

Codez：

$( "#dialog-message" ).dialog({
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
        }
    }
});

score 1 · Accepted Answer

アラート関数を呼び出すときにポップアップするボックスは、cssを介してカスタマイズすることはできません。これはブラウザコンポーネントであるため、ページからではなくブラウザからスタイルを取得します。したがって、 jqueryuiダイアログのようなポップアップダイアログを使用する必要があります

score 1 · Accepted Answer

このプラグインを試してアラートを美化することができます：http：//plugins.jquery.com/alert-beautifier/