jQuery MsgBox Demo

Firefox-style alert box

by Ukjin Yang

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://raw.githack.com/composite/jQuery.MsgBox/master/jquery.msgbox.min.js"></script>
<button type="button" value="A">Browser alert</button>
<button type="button" value="B">$.msgbox alert</button>
<button type="button" value="C">$.msgbox Lorem ipsum</button>
<button type="button" value="D">$.msgbox confirm</button>
<button type="button" value="E">$.msgbox prompt</button>
<button type="button" value="F">Browser prompt</button>

JavaScript

$('button').click(function(){
    switch(this.value){
        case 'A':alert('This is browser default alert.');break;
        case 'B':$.alert('This is jQuery MsgBox alert.');break;
        case 'C':$.alert('This is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dignissim ligula leo, id tempus lectus vehicula at. Quisque feugiat sem id molestie mattis alert. ',function(){$.alert("It's too long, huh?");});break;
        case 'D':$.confirm('Would you like to test?',function(b){$.alert('You clicked '+(b?'OK':'Cancel'));});break;
        case 'E':$.prompt("What's your name?",function(s){$.alert('Your name is '+s);});break;
        case 'F':alert(prompt('How about browser prompt?','useless.'));break;
    }
});