window.alert = function(alertMessage) {
var alertBox = ""; alertBox+="<div class=\"MsgAlert\">"; alertBox +="<img src=\"gfx/header_err.gif\" class=\"header\">"; alertBox +="<center><p><br>"+alertMessage+"</p>"; alertBox +="<input type=\"submit\' value=\"\" onclick=\"closeAlert();HideFond();\" /></center>"; voulut alertBox +="<img src=\"gfx/footer00.png\" class=\"bottom\">"; alertBox+="</div>";
var Alertpanel = document.getElementById("alertPanel"); // On selection le div alertPanel deja présent dans la page (mais vide) Alertpanel.innerHTML = alertBox; // On le remplit de notre div Alertpanel.focus(); // On lui donne le focus }
function closeAlert() //Onclick du bouton du div { var alertBox = document.getElementById("alertPanel"); // On selection le div present dans la page et remplit par nos soins alertBox.innerHTML =""; // Et on le vide de son contenue }
alert('Boite de dialogue,<br>sans evennement onclick !');
</head> <body> <input type="button" value="Alert Popup" onclick="alert('Ceci est une alerte personnalisé')" /> <!--- Bouton pour appeler la fonction --> <div id="alertPanel" ></div> <!-- Div vide --> </body> </html>
<head> <title>Alert Perso</title> <link href="le_fichier.css" rel="stylesheet" type="text/css">
.MsgAlert { left:40%; top:40%; position:relative; width:200px; background:url(gfx/content00.gif) repeat-y; cursor:default; } .header { margin-top:-20%; } .bottom { margin-top:3%; } .MsgAlert p { margin-top: 0%; font-family:Arial; font-size:14px; text-align:center; color:white; padding-left:10px; padding-right:10px; } .MsgAlert input { margin-top: 3%; border:none; height:24px; width:80px; background:url(gfx/boutton_valider.gif); cursor: pointer; } .MsgAlert input:hover { margin-top: 3%; border:none; height:24px; width:80px; background:url(gfx/boutton_valider_hover.gif); cursor:pointer; }
Avis de décès, Carte de voeux, Bricolage, Coloriages, Cinéma, Coiffure, Cuisine, Déco, Dictionnaire, Horoscope, Jeux en ligne, Programme TV, Recettes, Restaurant, SMIC, Test débit, Voyage, Signification prénom