2016-12-02 8 views
0

は、デフォルトのアラートボックスと私のサンプルコード..ですクリックイベントなしでカスタムポップアップを作成するには?ここ

..私は、任意のクリックイベントなしでカスタム警告ボックスを作成したいこのようにデフォルトのアラートボックス: https://jsfiddle.net/NithyaRubini/m35m9xv9/

<!doctype html> 
<html lang="en"> 
<head> 
</head> 
<body onLoad="value();"> 
    <script> 
function value() 
{ 
    var a = "apple"; 
    if (a == "apple") 
    { 
    alert("hi"); 
    } 
} 
    </script> 
</body> 

+0

あなたはモーダルタイプを探していますか? – hungrykoala

+0

独自のポップアップをデザインしたいですか? –

+0

あなたは問題をより簡単に解決できるように、問題の詳細を記述することができます。 – anshuVersatile

答えて

1

何Javascript Modalが必要です。とにかにそれをカスタマイズして、文書の準備ができたらそれをトリガすることができます。

<div id="myModal" class="modal"> 
    <div class="modal-content"> 
    <span class="close">x</span> 
    <p>Some text in the Modal..</p> 
    </div> 
</div> 

document.addEventListener("DOMContentLoaded", function(event) { 
    modal.style.display = "block"; 
}); 

はここでW3学校の例へのリンクです: http://www.w3schools.com/code/tryit.asp?filename=FACIUK0W64HW

+0

どうもありがとうございます。でも、私がしたいことは何ですか。クリックイベントがなければ、私はポップアップを表示したい。 – Nithya

+0

それはクールです。それで、私は$(document).readyのモーダルをトリガーしています。 –

+0

はい..ありがとうございました。 – Nithya

関連する問題