MsgBox is compatible and fully tested with Safari 4+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
To simply call MsgBox like you would a regular alert command:
$.msgbox("The selection includes process white objects. Overprinting such objects is only useful in combination with transparency effects.");
To add a couple extra buttons with different values:
$.msgbox("Are you sure that you want to permanently delete the selected element?", { type: "confirm", buttons : [ {type: "submit", value: "Yes"}, {type: "submit", value: "No"}, {type: "cancel", value: "Cancel"} ] }, function(result) { $("#result2").text(result); });
Result:
$.msgbox("jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.", {type: "info"});
$.msgbox("An error 1053 ocurred while perfoming this service operation on the MySql Server service.", {type: "error"});
$.msgbox("Insert your name below:", { type: "prompt" }, function(result) { if (result) { alert("Hello " + result); } });
$("#advancedexample1").click(function() { $.msgbox("<p>In order to process your request you must provide the following:</p>", { type : "prompt", inputs : [ {type: "text", label: "Insert your Name:", value: "George", required: true}, {type: "password", label: "Insert your Password:", required: true} ], buttons : [ {type: "submit", value: "OK"}, {type: "cancel", value: "Exit"} ] }, function(name, password) { if (name) { $.msgbox("Hello <strong>"+name+"</strong>, your password is <strong>"+password+"</strong>.", {type: "info"}); } else { $.msgbox("Bye!", {type: "info"}); } }); });