Javaスクリプトのカスタマイズダイアログボックス

Question

ダイアログボックスを中央に表示し、「ホスト名が...」と表示したい場合は、 とcssでカスタマイズしてください。あなたはjavascriptのアラートをカスタマイズすることはできません事前

Answer 1

で

function myFunction() { 
alert("Record Save"); 
} 

ありがとう、それはブラウザによって処理される100％です。あなたがしなければならないことは、アラートのための独自の機能を作成することです。

だからあなたのようなものがあるだろう：あなたはブートストラップを使用している場合は、ダイアログボックスを表示するには、ブートストラップモーダルを使用することができます

// CSS 
.myAlert { 
    position: fixed; 
    width: 6cm; 
    height: 6cm; 
    top: calc(50% - 3cm); 
    left: calc(50% - 3 cm); 
    display: none; 
} 
.active { 
    display: block; 
} 
// Javascript + jQuery 
function myAlert() { 
    $('#myAlertBox').toggleClass('active'); 
} 
// HTML 
<div id="myAlertBox">Hello!</div>