13

さまざまなボタン テキストでアラート ボックスと確認ボックスをパーソナライズしている多くの Web サイトを見てきました。

デフォルトでは、JavaScriptwindow.confirm()関数は次のように出力します。

+-----------------------------+
|Message from webpage         |
+-----------------------------+
|Popup text                   |
|                             |
|                             |
|                             |
|                             |
|   [Ok]     [Cancel]         |
+-----------------------------+

しかし、カスタム ヘッダー テキストやカスタム ボタン テキストなどのカスタマイズが必要な場合はどうすればよいでしょうか。

+-----------------------------+
|My custom Header             |
+-----------------------------+
|Popup text                   |
|                             |
|                             |
|                             |
|                             |
|   [HELLO]     [GOODBYE]     |
+-----------------------------+

これは、JavaScript、Jquery、または AJAX (または別の言語) で実現できますか? もしそうなら、例を見せていただけませんか？ありがとう！

4

3 に答える 3

6

ここで新しいものを発見することはありません。作成されたコメントには、最も関連性の高い情報がすべて記載されています。

サポートが充実しており、カスタマイズが容易なオープンソースの代替案を検討する必要があります。BootBoxJSを見てください(jQuery に依存します)。

そのサイトでは、アラート、ダイアログ、およびその他の便利なツールの例を見つけることができます。例えば

確認ダイアログのパーソナライズ

上記のソフトを使用するには：

  1. 圧縮された js ライブラリ(js、css などを含む) をダウンロードします。
  2. 好きなようにファイルを解凍します。
  3. 次に、サンプルコードをコピーして貼り付け、これをexample.html任意の名前で保存します。
  4. リンクを変更して、ダウンロードしたファイルを指すようにします (ファイルをどのように変更したかを参照してください)。
  5. ファイルを保存し、好みのブラウザーでテストします。

私はちょうどそれをやった、それは完璧に動作します! (Firefox および Chromium の下)

注: 新しいバージョンの BootStrap (v.3) でテストしましたが、動作しません。

于 2013-06-05T00:15:12.930 に答える
1

いいえ。ドキュメントの簡単なレビューが役立つ場合があります。Java アプレットには、似たような (しかし明らかに異なる) スタイルの UI 要素があり、これは過去に見たことがあるかもしれません。

必要に応じて、HTML/CSS/JavaScript を使用して、ユーザー エージェント ダイアログ ボックスのように機能する独自のダイアログ ボックスを作成することもできますが、結果を得るには多くの作業が必要です。

于 2013-06-05T00:00:49.063 に答える