AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 12:35:46
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 !

FAUSSE PAGE DE CHARGEMENT


Information sur la source

Catégorie :Trucs Amusants Classé sous : chargement, nouvelle, page, pourcentage, lien Niveau : Débutant Date de création : 22/06/2006 Vu / téléchargé: 8 922 / 484
Auteur : ndubien Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
5 / 10 - par 1 personne
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

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

Description

Cliquez pour voir la capture en taille normale
Cette page donne l'impression qu'elle charge quelques chose, or elle ne charge rien, à la fin du "chargement", elle affiche un lieu, qui amene vers un site.
 

Source

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  • "http://www.w3.org/TR/html4/loose.dtd">
  • <html>
  • <head>
  • <title>Page de chargement</title>
  • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  • <SCRIPT LANGUAGE="JavaScript">
  • //<!--
  • var charg1=0;
  • var charg2=0;
  • var charg3=0;
  • var charg4=0;
  • function defilStat() {
  • var aff1="";
  • var aff2="";
  • var aff3="";
  • var pourcent1=Math.floor((charg1*100)/45);
  • var pourcent2=Math.floor((charg2*100)/45);
  • var pourcent3=Math.floor((charg3*100)/45);
  • var pourcentotal=Math.floor(((charg1+charg2+charg3)*100)/135);
  • for(var forma=0;forma!=charg1;++forma) aff1+="|";
  • for(var formb=0;formb!=charg2;++formb) aff2+="|";
  • for(var formc=0;formc!=charg3;++formc) aff3+="|";
  • document.chargement.textarea.value=aff1;
  • document.chargement.textarea2.value=aff2;
  • document.chargement.textarea3.value=aff3;
  • document.chargement.textarea4.value=aff1+aff2+aff3;
  • document.chargement.button1.value=pourcent1+"%";
  • document.chargement.button2.value=pourcent2+"%";
  • document.chargement.button3.value=pourcent3+"%";
  • document.chargement.button4.value=pourcentotal+"%";
  • tempo22=setTimeout("defilStat()", 50);
  • if(charg1<45) charg1++;
  • else if(charg2<45) charg2++;
  • else if(charg3<45) charg3++;
  • else charg4++;
  • if(charg4>10)
  • {
  • alert("Chargement terminé avec succès!");
  • document.write("<a href=\"http://www.javascriptfr.com/auteur/NDUBIEN/585281.aspx\" onmouseover=\"this.style.color='red'\" onmouseout=\"this.style.color='blue'\" onClick=\"this.style.color='white'\">Cliquez ici</a>");
  • }
  • }
  • onload = defilStat;
  • //-->
  • </SCRIPT>
  • </head>
  • <body>
  • <form name="chargement" method="post" action="">
  • <div align="center">
  • <p><strong>Chargement en cours... </strong></p>
  • <p>Chargement des textes
  • <input name="textarea" type="text" value="" size="20">
  • <input name="button1" type="button">
  • </p>
  • <p>Chargement de l'arri&egrave;re-plan
  • <input name="textarea2" type="text" value="" size="20">
  • <input name="button2" type="button">
  • </p>
  • <p>Chargement des images
  • <input name="textarea3" type="text" value="" size="20">
  • <input name="button3" type="button">
  • </p>
  • <p>&nbsp;</p>
  • <p>Chargement total
  • <input name="textarea4" type="text" value="" size="65">
  • <input name="button4" type="button">
  • </p>
  • </div>
  • </form>
  • </body>
  • </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page de chargement</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
//<!--
var charg1=0;
var charg2=0;
var charg3=0;
var charg4=0;
function defilStat() {
var aff1="";
var aff2="";
var aff3="";
var pourcent1=Math.floor((charg1*100)/45);
var pourcent2=Math.floor((charg2*100)/45);
var pourcent3=Math.floor((charg3*100)/45);
var pourcentotal=Math.floor(((charg1+charg2+charg3)*100)/135);
for(var forma=0;forma!=charg1;++forma) aff1+="|";
for(var formb=0;formb!=charg2;++formb) aff2+="|";
for(var formc=0;formc!=charg3;++formc) aff3+="|";
document.chargement.textarea.value=aff1;
document.chargement.textarea2.value=aff2;
document.chargement.textarea3.value=aff3;
document.chargement.textarea4.value=aff1+aff2+aff3;
document.chargement.button1.value=pourcent1+"%";
document.chargement.button2.value=pourcent2+"%";
document.chargement.button3.value=pourcent3+"%";
document.chargement.button4.value=pourcentotal+"%";
tempo22=setTimeout("defilStat()", 50);
if(charg1<45) charg1++;
else if(charg2<45) charg2++;
else if(charg3<45) charg3++;
else charg4++;
if(charg4>10)
{
alert("Chargement terminé avec succès!");
document.write("<a href=\"http://www.javascriptfr.com/auteur/NDUBIEN/585281.aspx\" onmouseover=\"this.style.color='red'\" onmouseout=\"this.style.color='blue'\" onClick=\"this.style.color='white'\">Cliquez ici</a>");
}
}
onload = defilStat;
//-->
</SCRIPT>
</head>

<body>
<form name="chargement" method="post" action="">
  <div align="center">
    <p><strong>Chargement en cours... </strong></p>
    <p>Chargement des textes
      <input name="textarea" type="text" value="" size="20">
      <input name="button1" type="button">
    </p>
    <p>Chargement de l'arri&egrave;re-plan
      <input name="textarea2" type="text" value="" size="20">
      <input name="button2" type="button">
    </p>
    <p>Chargement des images
      <input name="textarea3" type="text" value="" size="20"> 
      <input name="button3" type="button">
    </p>
    <p>&nbsp;</p>
    <p>Chargement total
      <input name="textarea4" type="text" value="" size="65">
      <input name="button4" type="button">
</p>
  </div>
</form>
</body>
</html>

Conclusion

Merci de me transmettre votre avis et vos idées à propos de cette page "de chargement".
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de rrk275 le 22/06/2006 21:41:29

Je plein celui qui l'ouvrira avec Firefox...

signaler à un administrateur
Commentaire de ndubien le 23/06/2006 10:32:57

Pourquoi? Que se passe t'il s'il l'ouvre avec Firefox?
@++

signaler à un administrateur
Commentaire de worstangel le 23/06/2006 22:44:20

euh......

Un conseil, essayez pas avec FF ^^ !
Je viens d'essayer pour voir ce que ça faisait en fait ça fait : UNE GROSSE M.... (euh désolé ^^) un beau cafouillit !! :p

A PROSCRIRE (sauf si ça vous amuse de batailler avec une fenêtre de validation qui ne se ferme pas ^^)

Sinon c'est joli le code lol

++ Salutations de WA

signaler à un administrateur
Commentaire de worstangel le 23/06/2006 22:45:48

Je reprends mes propos :

"A PROSCRIRE..." sous-entendu "...avec firefox"

;)

Bonne continuation...

signaler à un administrateur
Commentaire de rrk275 le 24/06/2006 00:46:02

Il se passe que t'as fait un pti bug...
Le SetTimeout est actif meme apres ton "chargement" donc met ca avec le document.write
window.clearTimeout(tempo22);
..
Des qu'on dit de pas faire qqchose faut bien que y ai qqun pour le faire :D

Pour la ptite info firefox se comporte bizzarement avec document.write

signaler à un administrateur
Commentaire de rrk275 le 24/06/2006 00:49:48

J'oubliais de dire prefere les calques ou write puisque write ecrase la page si il n'est pas effectué au chargement ! :D:D

signaler à un administrateur
Commentaire de rrk275 le 24/06/2006 00:51:44

encore un truc je "plains" ( mais plein de fentre..)  celui qui l'ouvrira..
ca doit etre mon esprit qui me fait des jeux de mots;...

signaler à un administrateur
Commentaire de abdelaziz_info le 25/06/2006 04:49:10

<!-- Bonjour, Copier – Coller  Les lignes suivantes pour voir L’idée autrement que ça : -->


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page de chargement</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var charg1=0;
var charg2=0;
var charg3=0;
var charg4=0;
function defilStat() {
var aff1="";
var aff2="";
var aff3="";
var pourcent1=Math.floor((charg1*100)/45);
var pourcent2=Math.floor((charg2*100)/45);
var pourcent3=Math.floor((charg3*100)/45);
var pourcentotal=Math.floor(((charg1+charg2+charg3)*100)/134);
for(var forma=0;forma!=charg1;++forma) aff1+="|";
for(var formb=0;formb!=charg2;++formb) aff2+="|";
for(var formc=0;formc!=charg3;++formc) aff3+="|";
/// Les Chaps De Texte
if(pourcent1<100)
document.chargement.textarea.value=aff1,document.chargement.ti.value="Chargement des textes";
else if(pourcent1>100)
document.chargement.textarea.value="";
else if (pourcent2<100)
document.chargement.textarea.value=aff2,document.chargement.ti.value="Chargement des images";
else if (pourcent2>100)
document.chargement.textarea.value="";
else if (pourcent3<100)
document.chargement.textarea.value=aff3,document.chargement.ti.value="Chargement des autres objets";
// retablir champs de texte: textarea
else document.chargement.textarea.value="",document.chargement.ti.value="Chargement Terminé Avec Succès";
//fin retablir
document.chargement.textarea4.value=aff1+aff2+aff3;
// retablir champs de texte: textarea4
if (pourcent3>=100) document.chargement.textarea4.value="";
//fin retablir
// Les Boutons
if(pourcent1<100)
document.chargement.button1.value=pourcent1+1+"%";
else if(pourcent1>100)
document.chargement.button1.value="";
else if (pourcent2<100)
document.chargement.button1.value=pourcent2+2+"%";
else if (pourcent2>100)
document.chargement.button1.value="";
else if (pourcent3<100)
document.chargement.button1.value=pourcent3+3+"%";
//////////
document.chargement.button4.value=pourcentotal+"%";
tempo=setTimeout("defilStat()", 30);
if(charg1<45) charg1++;
else if(charg2<45) charg2++;
else if(charg3<45) charg3++;
else charg4++;
if(charg4>1)
{
function ChangeMessage(message,champ)
{
if(document.getElementById)
document.getElementById(champ).innerHTML = message;
}
ChangeMessage('<center>Voici Les Détailles De Chargement :<p> textes Affichés Sur La même page <p> Images Chargée : <img src="http://www.javascriptfr.com/gfx/logos/logojs.gif" width="193" height="73"><p> Objets : Audio Video ...!<p><a id="ct500_url" title="Elalia 7016 Tunisie" href="http://www.abdelaziz.ca.cx/" target="_blank">Proposé Par Abdelaziz Rejeb, Cliquez ici Pour Visitez Le Site Web: www.abdelaziz.ca.cx</center></a></p></p></p>','charge_texte')
// Supprimer la ligne suivante pour afficher tout le contenue
document.write('<center>Voici Les Détailles De Chargement :<p> textes Affichés Sur La même page <p> Images Chargée : <img src="http://www.javascriptfr.com/gfx/logos/logojs.gif" width="193" height="73"><p> Objets : Audio Video ...!<p><a id="ct500_url" title="Elalia 7016 Tunisie" href="http://www.abdelaziz.ca.cx/" target="_blank">Proposé Par Abdelaziz Rejeb, Cliquez ici Pour Visitez Le Site Web: www.abdelaziz.ca.cx</center></a></p></p></p>')
}}
onload = defilStat;
</SCRIPT>
</head>
<body>
<form name="chargement" method="post" action="">
<div align="center">
<p><strong>Chargement en cours... </strong></p><p>
<input name="ti" type="text" size="37" style="border: 1px solid #FFFFFF; color:#008000; font-size:14pt; font-weight:bold" dir="rtl" >
=
<input name="button1" type="text" size="4" style="border: 1px solid #FFFFFF; color:#FF0000" >
<input name="textarea" type="text" value="" size="17" style="border:1px ridge #0000FF; color: #0000FF; font-weight: bold; text-decoration:overline underline">
</p><p></p>
<p>&nbsp;</p>
<p>Chargement total =
<input name="button4" type="text" size="4" style="border: 1px solid #FFFFFF; color:#FF0000" >
<input name="textarea4" type="text" value="" size="75" style="border:1px ridge #0000FF; text-decoration: overline underline; font-size: 8pt; font-weight: bold; color:#0000FF">    
</p>
</div>
<DIV id=charge_texte></div>
</form>
</body>
</html>

signaler à un administrateur
Commentaire de stfou le 25/06/2006 17:22:45

à n'ouvrir sous AUCUN pretexte sous FF !
(la boite d'alerte "chargement terminé" s'affiche tout le temps !)

signaler à un administrateur
Commentaire de Fongn le 13/06/2007 19:33:44

Plutot tres enervant....
Le code est tres bien construit.
Merci beaucoup je le mets sur mon site ........

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

utiliser un lien avec minuterie [ par jbosss ] Salut,je voudrais faire une page avec une vidéo et que dès que la vidéo est finie, on passe à la page suivante.je ne sais pas s'il existe un truc part Window.open() [ par mimipoussinette ] Lorsque que je clique sur mon lien, il m'ouvre correctement la pop-up souhaitée stURL = "javascript:window.open('Detail_dossier.asp?IdDossier=" & rs.F Ouverture de deux pages différentes pour un sul lien [ par ltz ] BonjourJ'ai créé une page de frames et je voudrais savoir comment, pour un sul lien, ouvrir deux pages différentes à l'intérieur de frames déjà défini lien + popup + redirection [ par apz ] salut,j'aimerias bien trouve une solution à mon probleme :- dans un menu (page index.php), l'utilisateur doit cliquer sur un lien.- un popup s'ouvrira Propriétés d'un document HTML [ par Astik ] Concrétement j'veux faire un tableau avec 3 colonnes: -Référence (avec lien avec la page HTML) -Sujet (Insertion automatique du titre de la page point cadre autour d'un lien sur une photo [ par cristina49 ] bonjour,j'ai un petit soucis hyper urgent. je doit mettre le site en ligne et je peut pas en laissant ca comme ca ... j'ai beaucoup de lien sur une pa Ouvrir un lien dans la meme fenetre + Couleur des liens [ par cresus18 ] Bonjour aux programmeurs !Voila j'ai un autre souci, moins important que l'autre qui est résolu ;) , mais qui me chiffonne et dont j'ai été étonné de ouvrir un lien dans une frame d'une autre page [ par oeil123 ] ba en faite je voudrais que quand la personne clique sur le lien que se lien s'ouvre dans une frame il n'y aurais pas eu de probleme si la frame etait Doubler un close() [ par hakimgomis ] Hakim Gomis Bonjour,Je souhaite pouvoir déclencher lors de la sortie d'une page l'inscription du temps passé sur celle-ci dans une BDD.J'ai comment enlever le sablier de chargement ? [ par visnet ] Bonsoir, je ne sais pas s'il y a quelqu'un qui saurait comment enlever le sablier de chargement de la page? Je voudrais que le sablier ne s'affiche pa


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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,468 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é.