Javascript Girl
  1. Javascript Girl
  3. Alerte personnalisée et confirmation boîte dans jquery
Intereting Posts
Transition Parallax avec rebond subtil entre deux ancres / divs La directive ne déclenche pas sur la sélection des onglets / défilement de la page dans AngularJS Le retour Token d'authentification Google ne contient pas de Refroidissement Infinite Timer Loop avec javascript (pas de setInterval)? Existe-t-il un moyen d'obtenir tous les mots clés valides pour la propriété CSS? Canvas.toDataURL () donne "Erreur de sécurité" dans IE 11 URL avec chaîne de requête qui ne correspond pas au chemin du réacteur-routeur Node.js POST provoque le code : 'ECONNRESET' Comment puis-je utiliser lodash / underscore pour trier par plusieurs champs imbriqués? Knockout data-bind sur les éléments générés dynamiquement Lecture vidéo vidéo sur Youtube sur Safari iPhone ou UIWebView Le menu déroulant jQuery Mobile n'ouvre pas sur .popup ('open') Jquery jcarousel comment ajouter des boutons de contrôle Int ((0.1 + 0.7) * 10) = 7 dans plusieurs langues. Comment éviter cela? Javascript __proto__ – clarification?

Alerte personnalisée et confirmation boîte dans jquery

Existe-t-il une boîte de dialogue d' alert et de confirm disponible dans jquery avec un titre personnalisé et un contenu personnalisé. J'ai cherché de nombreux sites mais je ne trouve pas le cas. Tout lien de site ou tout contenu est appréciable.

J'ai créé un messagebox personnalisé en utilisant le composant jquery UI . Voici la démonstration http://jsfiddle.net/eraj2587/Pm5Fr/14/

Vous devez passer uniquement les paramètres comme le nom de la légende, le message, le texte du bouton. Vous pouvez spécifier la fonction de déclenchement sur n'importe quel clic de bouton. Cela vous sera utile.

Essayez d'utiliser SweetAlert c'est tout simplement le meilleur. Vous obtiendrez beaucoup de personnalisation et de flexibilité.

Exemple de confirmation 

 sweetAlert( { title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!" }, deleteIt() );

Exemple d'alerte

Vérifiez le jsfiddle http://jsfiddle.net/CdwB9/3/ et cliquez sur supprimer 

 function yesnodialog(button1, button2, element){ var btns = {}; btns[button1] = function(){ element.parents('li').hide(); $(this).dialog("close"); }; btns[button2] = function(){ // Do nothing $(this).dialog("close"); }; $("<div></div>").dialog({ autoOpen: true, title: 'Condition', modal:true, buttons:btns }); } $('.delete').click(function(){ yesnodialog('Yes', 'No', $(this)); })

Cela devrait vous aider

Essaye ça. De nombreux exemples disponibles pour ce lien

http://stefangabos.ro/jquery/zebra-dialog/

http://www.bitrepository.com/stylish-javascript-dialog-boxes.html

http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

Cela vous aidera

Vous pouvez utiliser le widget de dialogue de JQuery UI

http://jqueryui.com/dialog/

JQuery UI a ses propres éléments, mais jQuery seul n'a pas.

http://jqueryui.com/dialog/

Exemple de travail: 

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#dialog" ).dialog(); }); </script> </head> <body> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> </body> </html>