begin process at 2012 02 12 01:46:10
  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é :12 534 / 568
Auteur : ndubien

Ecrire un message privé
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 IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol
Toutes les sources de la catégorie Trucs Amusants

 Sources en rapport avec celle ci

Source avec Zip PERMETTRE LA SÉLECTION DU TEXTE PAR L'UTILISATEUR par jdmcreator
Source avec Zip Source avec une capture PAGES EFFET MOBILE TACTILE... par sitajony
ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560
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


iPod touch 3rd Generation (64 Go)
Entre 374€ et 379€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 0,827 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)