Alerte personnalisée avec Javascript

Vous pouvez remplacer la fonction d' alert existante, qui existe sur l'objet window :

 window.alert = function (message) { // Do something with message }; 

C'est la solution avec laquelle je suis arrivé. J'ai écrit une fonction générique pour créer une boîte de dialogue jQueryUI. Si vous le souhaitez, vous pouvez remplacer la fonction d'alerte par défaut en utilisant la suggestion de Matt: window.alert = alert2;

 // Generic self-contained jQueryUI alternative to // the browser's default JavaScript alert method. // The only prerequisite is to include jQuery & jQueryUI // This method automatically creates/destroys the container div // params: // message = message to display // title = the title to display on the alert // buttonText = the text to display on the button which closes the alert function alert2(message, title, buttonText) { buttonText = (buttonText == undefined) ? "Ok" : buttonText; title = (title == undefined) ? "The page says:" : title; var div = $('<div>'); div.html(message); div.attr('title', title); div.dialog({ autoOpen: true, modal: true, draggable: false, resizable: false, buttons: [{ text: buttonText, click: function () { $(this).dialog("close"); div.remove(); } }] }); } 

Techniquement, vous pouvez modifier ce que fait la fonction d'alerte. Mais, vous ne pouvez pas modifier le titre ou autre comportement de la fenêtre modal lancée par la fonction d'alerte native (en plus du texte / du contenu).

Si vous recherchez un remplacement javascript / html / css, je recommande de vérifier jQueryUI et sa mise en œuvre des dialogues modaux .

Le mode "passer commande" n'est pas suffisant, vous suggère de créer une boîte contextuelle personnalisée. Le meilleur avantage de cette solution est que vous pouvez contrôler tous les détails.