begin process at 2012 02 06 00:53:19
  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 :9 965
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 Source avec une capture ANTI-ROBOTS V 1.0 par MacGaliver
Source avec une capture PRÉSENTOIR PAGE/SUJET par tiranus
Source avec Zip Source avec une capture NAVIGATEUR INTERNET HAVRET par HAVRETos
Source avec Zip WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator
Source avec Zip Source avec une capture NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh
Toutes les sources de la catégorie Navigation

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture GOOGLE MAP API V3 CARTE, MARQUEUR, INFOWINDOWS par varfendell
Source avec Zip Source avec une capture TROUVER UN ITINÉRAIRE AVEC GOOGLE MAP par amrounix
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

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


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Beautiful woman in a bikini meditating on the beachPhoto Renewable Energy is Within Reach
Photo Beautiful El Capitan Yosemite National Park 

Visiter la photothèque
 
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 : 2,714 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)