POP-UP AU CHARGEMENT 

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : si votre page est un peu longue à charger, vous pouvez ouvrir un pop-up qui le signalera et, éventuellement,  donnera la possibilité à votre visiteur de la télécharger au format ZIP ou être dirigé vers une autre page.

Exemple : 

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>

<!--DEBUT CODE  POP-UP-->
<script language="javascript">
setup='toolbar=no,location=no,directories=no,status=no,menubar=no,'
setup += 'width=400,height=150,scrollbars=no,resizable=no'
popup1 = window.open ("","popup1",setup)
popup1.document.write('<head>');
popup1.document.write('<Title>');
popup1.document.write('Veuillez patienter pendant le chargement de la page...');
popup1.document.write('</Title>');
popup1.document.write('<script language="javascript">');
popup1.document.write('setTimeout(');
popup1.document.write('"self.close()');
popup1.document.write(';",10000)');
popup1.document.write('</');
popup1.document.write('script>');
popup1.document.write('</head>');
popup1.document.write('<body>');
popup1.document.write('<center><h3>La page va bientôt apparaître.<br><br>Vous pouvez aussi télécharger ce fichier au format ZIP<br><a href="http://www.votre_site.com/VOTRE FICHIER.ZIP">en cliquant ici.</a><br><br>');
popup1.document.write('<center><font face="Times New Roman" size="2">(Fermeture automatique de cette fenêtre)</center>');
popup1.document.write('</body>');
</script>
<!--FIN CODE  POP-UP-->

Remarque :
- Entre autres paramètres vous pouvez changer la dimension du pop-up à la ligne : width=400,height=150
- Changer le temps d'ouverture du pop-up en modifiant la valeur de la ligne : popup1.document.write(';",10000)');
- Le chemin du fichier à télécharger doit être absolu (http://www. etc..)

Retour