15

JavaScript アラートを使用している場合、現在のバージョンの Chrome の中央ではなく、ブラウザの上に表示されます。どうすればそれを制御し、javascriptで中央に配置できますか。firefox と IE では問題なく動作しています。私の現在のクロムバージョン 30.0.1599.66

すべてのタイプのブラウザーとすべてのバージョンで、アラート ボックスをブラウザーの正確な中央に配置したいと考えています。助けてください........

アラートを中央に配置できるようにするための他の簡単なアイデアも評価できます...

4

4 に答える 4

7

アラートをブラウザーに依存することは、どのユーザーにとっても良い選択ではありません。それらは急速に変化し、異なるブラウザーでは同じではありません。

私が便利だと思ったのは、すべてのアラートのニーズにAlertify JSを使用することです。ニーズに合わせてカスタマイズでき、とにかく見栄えがします。

于 2013-10-03T06:13:37.590 に答える
3

alert() ダイアログの位置を中央に配置します。この単純な script.js を試してください

// alertMX -  improve alert()

$("<style type='text/css'>#boxMX{display:none;background: #333;padding: 10px;border: 2px solid #ddd;float: left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index: 99999;box-shadow: 0px 0px 20px #999; -moz-box-shadow: 0px 0px 20px #999; -webkit-box-shadow: 0px 0px 20px #999; border-radius:6px 6px 6px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font:13px Arial, Helvetica, sans-serif; padding:6px 6px 4px;width:300px; color: white;}</style>").appendTo("head");

function alertMX(t){
$( "body" ).append( $( "<div id='boxMX'><p class='msgMX'></p><p>CLOSE</p></div>" ) );
$('.msgMX').text(t); var popMargTop = ($('#boxMX').height() + 24) / 2, popMargLeft = ($('#boxMX').width() + 24) / 2; 
$('#boxMX').css({ 'margin-top' : -popMargTop,'margin-left' : -popMargLeft}).fadeIn(600);
$("#boxMX").click(function() { $(this).remove(); });  };

Jquery をインクルードし、javascript を使用します。

alertMX('Hello!');
于 2014-08-28T15:17:45.260 に答える
3

これはデフォルトのボックスであるため、配置することはできませんが、独自のボックスを作成してそれに応じて配置することはできます..これを試してください http://jqueryui.com/dialog/

于 2013-10-03T06:21:16.823 に答える