Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Testing</title>  
        <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js" type="text/javascript"></script>
        <style type="text/css"></style> 
        <script type="text/javascript"> 
            $(function(){
​
                ayb={};
                ayb.dialogErrorElem=undefined;
​
                ayb.dialogError=function(t,e) {
                    if (typeof ayb.dialogErrorElem === 'undefined') {
                        var title=$('<h1/>');
                        var errors=$('<ul/>');
                        ayb.dialogErrorElem=$('<div/>',{title:'AN ERROR OCCURRED'})
                        .append(title).append(errors).appendTo('body')
                        .dialog({
                            autoOpen    : false,
                            resizable   : false,
                            height      : 300,
                            width       : 440, 
                            modal       : true,
                            dialogClass : 'hide-title-bar',
                            open: function(event, ui){
                                console.log('dialog.open',t,e,event,ui);
                                //t=function(){return t;}
                                //e=function(){return e;}
                                //console.log(t,e);
                                title.text(t);
                                errors.html('');
                                if (!(e instanceof Array)) {e=[e];}
                                for(var i in e){errors.append($('<li/>',{text:e[i]}));}
                            },
                            buttons: [
                                {
                                    text     : 'CLOSE',
                                    "class"  : 'gray',
                                    click    : function() {$(this).dialog("close");}
                                }
                            ]
                        });
                        console.log(ayb.dialogErrorElem);
                    };
                    ayb.dialogErrorElem.dialog('open');
                }
​
                $('#e1').click(function(){ayb.dialogError('Title1',['error1-1','error1-2'])});
                $('#e2').click(function(){ayb.dialogError('Title2','error2-1')});
​
            });
        </script>
    </head>
​
    <body>
        <button id="e1">one</button>
        <button id="e2">two</button>
    </body> 
</html> 
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers