"Please wait" en Javascript
Par NeSto le mercredi, février 7 2007, 14:08 - Informatique - Lien permanent
Comment faire pour effectuer une action en javascript/AJAX (par exemple récupérer une page web) tout en priant l'utilisateur d'attendre le résultat?
<html>
<head> <script language="javascript">
var win1 = ""; // global Wait-Window
// Create and open win1
function openWaitWindow() {
var wtxt = "Processing, please wait...";
win1 = window.open("", "_blank", "status=1,width=500,height=100,left=200,top=200");
win1.document.write("<html><head><title>" + wtxt + "</title></head><body><br/><center><font face='Verdana'><h2>" + wtxt + "</h2></font></center></body></html>");
win1.status = wtxt;
win1.focus();
}
// Close win1
function closeWaitWindow() {
if (!win1.closed) {
win1.blur();
win1.close();
}
}
function fonction() {
openWaitWindow();
// faire le truc long ici, par exemple:
displayZone.innerHtml = "<p>Hello World</p>";
closeWaitWindow();
}
</script>
</head>
<body onLoad="fonction();"> <div id="displayZone"></div> </body> </html>
Exemple: /files/pleaseWait.html
L'exemple récupère une URL comme paramètre GET (par javascript) et va le chercher puis l'affiche dans une div présente plus bas.
Commentaires
Oui