jQuery 1.3 est une bibliothèque JavaScript rapide et concise qui simplifie le document HTML à travers
la gestion des événements, l'animation et les interactions Ajax pour le développement rapide d'applications web. Parfois, lorsque l'on travaille avec JavaScript, il faut écrire un dialogue de confirmation ou une boîte de message à afficher des données informatives. On peut utiliser soit JavaScript

alert fonction ou confirm la fonction pour de telles opérations.

jQuery Boîte à Message - jQuery 1.3

jQuery Boîte à Message est un plugin jQuery hautement configurable pour remplacer les fonctionnalités
de base fournies par la norme.

jQuery Boîte à Message permet :

- de faire apparaitre une zone de texte simple,

- de faire apparaitre une dans la boîte,

- de faire apparaitre une boîte avec la méthode Ajax,

- de décider si une autre boîte contextuelle doit s'afficher à la fermeture de la première,

- de créer un événement donné lorsque la boîte se ferme.

MsgBox est compatible et entièrement testé avec Safari 4 +, Internet Explorer 6 +, Firefox 2 +, Google Chrome 3 +, Opera 9 +.

Exemple 1

Simple appel MsgBox, comme vous le feriez d'une commande alerte:

$.msgbox("Bienvenue dans la galerie Nouvelle communauté. L’atelier jQuery 1.3 passe en revue les fonctions d'une boîte de dialogue.");

Exemple 2

Ajoutons un ou deux boutons avec chacun leur valeur:

$.msgbox("Les boutons de commande vont permettent de créer une suite d’événements . 
On passe à la séquence suivante ?", {
  type: "confirm",
  buttons : [
    {type: "submit", value: "Oui"},
    {type: "submit", value: "Non"},
    {type: "cancel", value: "Passer"}
  ]
}, function(result) {
  $("#result2").text(result);
});

Result: Requête et confirmation

Exemple 3

Créons ensuite un champ d’écriture pour organiser un traitement de données et renvoi.

$.msgbox("Écrivez votre nom:", {
  type: "prompt"
}, function(result) {
  if (result) {
    alert("Bonjour " + result + " heureux de vous connaître ! " );
  }
});

Result: Traitement de données et renvoi

Exemple 4

Deux champs d’écriture pour organiser un traitement de données et l'ouverture d'un compte.

$("#advancedexample1").click(function() {
  $.msgbox("<p>Afin de traiter votre demande, vous devez fournir les renseignements suivants : </p>", {
    type    : "prompt",
    inputs  : [
      {type: "text",     label: "Insérez votre nom :", value: "", required: true},
      {type: "password", label: "Insérez votre mot de passe :", required: true}
    ],
    buttons : [
      {type: "submit", value: "OK"},
      {type: "cancel", value: "Exit"}
    ]
  }, function(nom, mot de passe ) {
    if (name) {
      $.msgbox("Bonjour <strong>"+ nom +"</strong>, votre mot de passe est <strong>"+ mot de passe +"</strong>.", {type: "info"});
    } else {
      $.msgbox("Au revoir !", {type: "info"});
    }
  });
});

Result: Traitement de données et ouverture de compte