Animated Popup Alerts Examples

Popup alerts example with animation.
Informative Popup Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert and you can easly edit its contents.

$.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"});
Simple Popup Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert and you can easly edit its contents.

$.msgbox("The selection includes process white objects. Overprinting such objects is only useful in combination with transparency effects.");
Error Popup Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert and you can easly edit its contents.

$.msgbox("An error 1053 ocurred while perfoming this service operation on the MySql Server service.", {type: "error"});
Confirmation Popup Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert.

$.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); });
Basic Form Popup Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert.

  $.msgbox("In order to process your request you must provide the following:", {
    type    : "prompt",
    name    : "lock",
    inputs  : [
      {type: "text",     name: "username", value: "", label: "Username:", required: true},
      {type: "password", name: "password", value: "", label: "Password:", required: true}
    ],
    buttons : [
      {type: "submit", name: "submit", value: "Sign In"},
      {type: "cancel", value: "Cancel"}
    ],
    form : {
      active: true,
      method: 'post',
      action: 'login.php'
    }
  });
  
  ev.preventDefault();
       
Responcive Popup Form Alert

This is an example for "Simple Alert" you just need to insert "simple-alert" ID to use this alert.

$.msgbox("In order to process your request you must provide the following:", {
    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 "+name+", your password is "+password+".", {type: "info"});
    } else {
      $.msgbox("Bye!", {type: "info"});
    }
  });