Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MESSAGE D'ATTENTE LORS DU CHRGEMENT D'UNE PAGE À LA GOOGLE ET EN TEXTE DÉFILANT


Information sur la source

Catégorie :Navigation Classé sous : attente, google, patienter, délifer Niveau : Initié Date de création : 30/03/2007 Date de mise à jour : 30/03/2007 20:50:28 Vu : 6 642

Note :
Aucune note

Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

Description

Bonjour,

ce code (mon premier posé ici) est juste un petit message qui s'affiche en haut à droite de vos pages web indiquant que le chargement est en cours.

 

Source

  • <html>
  • <head>
  • <script type="text/javascript">
  • // <![CDATA[
  • function hideLoadingPage(){
  • if (document.getElementById){ // DOM3 = IE5, NS6
  • document.getElementById('hidepage').style.visibility = 'hidden';
  • } else {
  • if (document.layers){ // Netscape 4
  • document.hidepage.visibility = 'hidden';
  • } else { // IE 4
  • document.all.hidepage.style.visibility = 'hidden';
  • }
  • }
  • }
  • // ]]>
  • </script>
  • <style type="text/css" media="screen">
  • #hidepage {
  • position:absolute;
  • left:0px;
  • top:-2px;
  • width:100%;
  • height:100%;
  • display:block;
  • }
  • #hideloadingpage {
  • position:absolute;
  • background:#770000;
  • right:0px;
  • top:-2px;
  • width:200px;
  • height:15px;
  • display:block;
  • margin-top:6px;
  • }
  • </style>
  • </head>
  • <body onLoad="hideLoadingPage();">
  • <div id="hidepage">
  • <table width="100%" border="0" cellspacing="0">
  • <tr>
  • <td align="right">
  • <script type="text/javascript">
  • // <![CDATA[
  • var message="Chargement de la page en cours...";
  • var neonbasecolor="#FFFFFF";var neontextcolor="#000000";var neontextcolor2="#000000";
  • var flashspeed=40; // vitesse de défilement en millisecondes
  • var flashingletters=2; // nombre de lettres simultanément changées
  • var flashingletters2=2; // number of letters flashing in neontextcolor2 (0 to disable)
  • var flashpause=0; // durée de la pause entre chaque flash
  • var n=0;
  • if (document.all||document.getElementById){
  • document.write('<div id="hideloadingpage"><font color="'+neonbasecolor+'">');
  • for (m=0;m<message.length;m++){document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')}
  • document.write('</font></div');}
  • else {document.write(message) ;}
  • function crossref(number){
  • var crossobj=document.all? document.all["neonlight"+number] : document.getElementById("neonlight"+number);
  • return crossobj; }
  • function neon(){
  • if (n==0){for (m=0;m<message.length;m++){crossref(m).style.color=neonbasecolor}}crossref(n).style.color=neontextcolor;
  • if (n>flashingletters-1){crossref(n-flashingletters).style.color=neontextcolor2};
  • if (n>(flashingletters+flashingletters2)-1){crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor};
  • if (n<message.length-1){n++;}else{n=0;clearInterval(flashing);setTimeout("beginneon()",flashpause);return;}
  • }
  • function beginneon(){
  • if (document.all||document.getElementById){flashing=setInterval("neon()",flashspeed)}
  • }
  • beginneon();
  • // ]]>
  • </script>
  • </td>
  • </tr>
  • </table>
  • </div>
<html>
<head>
<script type="text/javascript">
// <![CDATA[
function hideLoadingPage(){
if (document.getElementById){  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
} else {
if (document.layers){  // Netscape 4
document.hidepage.visibility = 'hidden';
} else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
// ]]>
</script>
<style type="text/css" media="screen">
#hidepage {
	position:absolute;
	left:0px;
	top:-2px;
	width:100%;
	height:100%;
	display:block;
}
#hideloadingpage {
	position:absolute;
	background:#770000;
	right:0px;
	top:-2px;
	width:200px;
	height:15px;
	display:block;
	margin-top:6px;
}
</style>
</head>
<body onLoad="hideLoadingPage();">
<div id="hidepage">
<table width="100%" border="0" cellspacing="0">
<tr>
<td align="right">
<script type="text/javascript">
// <![CDATA[
var message="Chargement de la page en cours...";
var neonbasecolor="#FFFFFF";var neontextcolor="#000000";var neontextcolor2="#000000";
var flashspeed=40; // vitesse de défilement en millisecondes
var flashingletters=2; // nombre de lettres simultanément changées
var flashingletters2=2; // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0; // durée de la pause entre chaque flash
var n=0;
if (document.all||document.getElementById){
document.write('<div id="hideloadingpage"><font color="'+neonbasecolor+'">');
for (m=0;m<message.length;m++){document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')}
document.write('</font></div');}
else {document.write(message) ;}
function crossref(number){
var crossobj=document.all? document.all["neonlight"+number] : document.getElementById("neonlight"+number);
return crossobj;					}
function neon(){
if (n==0){for (m=0;m<message.length;m++){crossref(m).style.color=neonbasecolor}}crossref(n).style.color=neontextcolor;
if (n>flashingletters-1){crossref(n-flashingletters).style.color=neontextcolor2};
if (n>(flashingletters+flashingletters2)-1){crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor};
if (n<message.length-1){n++;}else{n=0;clearInterval(flashing);setTimeout("beginneon()",flashpause);return;}
}
function beginneon(){
if (document.all||document.getElementById){flashing=setInterval("neon()",flashspeed)}
}
beginneon();
// ]]>
</script>
</td>
</tr>
</table>
</div>

Conclusion

Le code n'est peut être pas d'une superbe présentation, je m'en excuse, mais je m'améliorerai quand j'aurai tout compris comment on fait pour laisser ici quelque chose ...;-)

Pour les commentaires, ils sont les bienvenus, ainsi que les améliorations ou fautes de ma part.

Pour observer l'effet, je vous invite à mettre du contenu dans le corps de la page pour alourdir l'ensemble (image, bla bla...).
 

Historique

30 mars 2007 20:50:28 :
Correction sur document.all["neonlight"+number]

Commentaires et avis

signaler à un administrateur
Commentaire de kankrelune le 30/03/2007 15:29:21

eval("document.all.neonlight"+number)

==>

document.all["neonlight"+number]

@ tchaOo°

signaler à un administrateur
Commentaire de potofeu le 31/05/2007 09:20:23

Salut
le script marche bien sur firefox mais reste affiché en permanence sur explorer 7.
quelqu'un aurais t il reeussi a le faire fonctionner sur explorer 7
merci d'avance.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

a propos du script (patienter le temps du chargement) [ par astreck ] bonjour , voila mon probleme est le suivant j'ai creer une animation flash , avec son etc.... donc un petit peux lourde a charger je l'est mise dans u Search with Google [ par lebarn ] &lt;a HREF='http://www.google.fr' TITLE='Search with Google'&gt;Search with Google&lt;/A&gt; attente c est long dic donc ... [ par amosc ] amosSalut tt le monde;Est ce que quelqu'un c est comment faire pour afficher une page ou une anim pendant l attente de telechargement du site ou d'une Faire patienter le visiteur [ par Benz ] Salut,J'aimerais savoir si quelqu'un connais le truc (si c'est possible) qui permet d'afficher un message d'attente, non pas pendant que la page est e Comment afficher un page d’attente lorsque la page d’asp.net va etre charger 100% [ par mwahid ] Comment afficher un page d?attente lorsque la page d?asp.net va etre charger 100% pour supprimer la pub de 100Webspace.com [ par ] salut mecsdans le but de supprimer la pub de l'hebergeur gratuit php/mysql www.100webspace.com&nbsp;,je poste ce message pour construire une script an Chargement d'une page en attente d'une autre [ par ymerej ] Bonjour, j'ai une page index.html composée de plusieurs frames. L'une de ses frames est assez longue à charger car elle comporte des images. J'aimera Message d'attente pendant upload [ par cyberrider ] Bonjour,J'ai un formulaire qui permet d'uploader des images, je voudrais une solution pour afficher un message pendant l'upload de l'image du genre "m Comment afficher un message d'attente pendant un upload ? [ par cyberrider ] Pendant l'upload d'une image sur mon serveur les utilisateurs ne voyant rien se passer on tendance &#224; revalider le formulaire, comment afficher un page introuvable [ par astuces_jeux ] bonjour je cherche comme faire une page d'erreur par exemple sur google.be tu as la page http:///www.google.be et si tu mets http://www.google.be/gdfd


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,421 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.