CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 06 00:07:33

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 925 membres
415 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 042 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

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

Auteur : lenono75

Site perso

Ecrire un message privé

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]

Sources de la même categorie

TAILLEFONTE par tiger222

MOTEUR DE RECHERCHE SANS PHP par jdmcreator

SCROLL BAR PERSONALISE par kazma

EXPAND BANNER EN JAVASCRIPT par leris

MARQUEE EN JAVASCRIPT par Kimjoa

Toutes les sources de la catégorie Navigation

Sources en rapport avec celle ci

TRADUCTION DE TEXTE par zoby44

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

BOXMANAGEMENT: COMME LA PAGE D'ACCUEIL PERSONALISÉE DE GOOGL... par the_wwt

PATIENTER POUR NE RIEN RATER par abdelaziz_info

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.

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 ] <a HREF='http://www.google.fr' TITLE='Search with Google'>Search with Google</A> 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 ,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 à 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