begin process at 2010 03 13 22:00:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Navigation

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

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


 Information sur la source

Note :
1 / 10 - par 1 personne
1,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 :7 815
Auteur : lenono75

Ecrire un message privé
Commentaire sur cette source (3)
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]

 Sources de la même categorie

Source avec Zip EMULATION DE $_GET() DU PHP par jchan
Source avec Zip ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANT... par Pfuch
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
Source avec une capture TAILLEFONTE par tiger222
Source avec Zip Source avec une capture MOTEUR DE RECHERCHE SANS PHP par jdmcreator
Toutes les sources de la catégorie Navigation

 Sources en rapport avec celle ci

Source avec Zip SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin
TRADUCTION DE TEXTE par zoby44
Source avec Zip Source avec une capture GESTIONNAIRE DE CONTACTS LOCALISÉS SUR UNE CARTE GOOGLE MAP par nacedo57400
MOTEUR DE RECHERCHE GOOGLE SUR SON SITE EN DEUX MINUTES - RÉ... par yodjii
Source avec Zip Source avec une capture BOXMANAGEMENT: COMME LA PAGE D'ACCUEIL PERSONALISÉE DE GOOGL... par the_wwt

Commentaires et avis

Commentaire de kankrelune le 30/03/2007 15:29:21

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

==>

document.all["neonlight"+number]

@ tchaOo°

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.

Commentaire de quentinix le 14/10/2009 16:38:02 1/10

je ne conpren pas

 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


Appels d'offres

Sondage...

Comparez les prix


HTC Tattoo
Entre 9€ et 329€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,529 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)