Posted in

Msgbox, plugin jquery tipo Sexybox

Este plugin es básicamente igual que sexybox pero con el diseño más pulido.
descargar msgbox

Carga:

    <link rel="stylesheet" type="text/css" media="all" href="public/jq-plugins/msgbox/jquery.msgbox.css"/>
    <script type="text/javascript" src="public/jq-plugins/msgbox/jquery.msgbox.min.js"></script>

Ejemplos

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

$.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);
});

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

jquery.msgbox.7.1 versión mejorada (incluye demo)

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.