begin process at 2010 03 15 11:46:00
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs Amusants

 > FAUSSE PAGE DE CHARGEMENT

FAUSSE PAGE DE CHARGEMENT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :10 857 / 539
Auteur : ndubien

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture DEMINEUR
Source avec Zip Source avec une capture GRAND MORPION, VOUS POUVEZ JOUER FACE À L'ORDI (INTELLIGENCE...
Source avec Zip LE CÉLÈBRE JEU DU MORPION FACE À L'ORDINATEUR OU À UN AMI
Source avec Zip Source avec une capture CODEUR - DECODEUR : CODER ET DECODER FACILEMENT DES TEXTES(E...
Source avec Zip Source avec une capture CLAVIER VIRTUEL
Toutes les sources de ndubien

 Sources de la même categorie

Source avec Zip Source avec une capture RÉSOUDRE UNE ÉQUATION EN 6 ÉTAPES par Zestyr
Source avec Zip Source avec une capture POST-IT POUR LE WEB par jululu
Source avec Zip Source avec une capture ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3
ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560
Source avec Zip Source avec une capture GENERATEUR DE PSEUDO MSN (ART-ASCII) par amrounix
Toutes les sources de la catégorie Trucs Amusants

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture PAGES EFFET MOBILE TACTILE... par sitajony
ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560
SIMULER UN TARGET="_BLANK" VALIDE XHTML STRICT par medium69
Source avec une capture BAR DE STATUS POUR LE CHARGEMENT DES IMAGES AVEC POURCENTAGE... par wizard512
CACHER L'AFFICHAGE DES LIENS SUR LA BARRE STATUS - UN SEUL C... par chiren

Commentaires et avis

Commentaire de rrk275 le 22/06/2006 21:41:29

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

Commentaire de ndubien le 23/06/2006 10:32:57

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

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

Commentaire de worstangel le 23/06/2006 22:45:48

Je reprends mes propos :

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

;)

Bonne continuation...

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

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

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;...

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>

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 !)

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...

Comparez les prix


Console Microsoft Xbox 360 Elite
Entre 299€ et 300€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo soleil prisonnierPhoto icare2
  

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 : 0,671 sec (4)

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)