| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
camille59236
html mioche
|
 barre de chargement (probleme) , Posté le: 29-12-2006 20:58 |
|
|
bonjour,
je cherche une personne pour m'aider a faire mon script pour le chergement.
j'aimerai avoir un chargement avec une barre de % est au mileu (si possible )l'image que je veut. Je croit avoir fait mon scirpt mais je suis pas sur pouvez vous montre le votre et si c'est le meme je serai content sinon je vous montrer le mien d'avence merci.
ps:moi j'ai pas avec l'image donc voila je vous le demande on ne c'est jamais.
ps:c'est pour un site d'élevage je vous le dit pour que vous vous donner une idée du temp de chargement lol |
|
|
camille59236
html mioche
|
| barre de chargement (probleme) , Posté le: 31-12-2006 8:44 |
|
|
voila mon script alors
ps:je les prsi sur un site car moi je c'est pas encord les faire (j'apprend le php en ce moment)
| Code: |
<html>
<HEAD>
<TITLE>Script N° 297</TITLE>
<script>
<!--
// Copyright Peter Gehrig et Urs Dudli at www.24fun.com
// If you add this script to a script-archive
// you have to add a link to www.24fun.com on the page
// La largeur de la barre en pixels.
var loadbar_width=200
// La hauteur de la barre en pixels.
var loadbar_height=18
// La position horizntale de la barre.
var loadbar_left=40
// La position verticale de la barre.
var loadbar_top=50
// Le temps du décompte (en secondes).
var countdown_time=5
// L'url de destination après le décompte
var redirection_url="http://www.presencenet.net/modules/Les_JavaScripts/scripts_externe/chargement/chargement_terminer.htm"
// ////////////////////////////////////////////////////
countdown_time=countdown_time*1000
var pause=20
var i_loop=0
var dblwidth=2*loadbar_width
var clipleft=loadbar_width
var clipright=dblwidth
var cliptop=0
var clipbottom=loadbar_height
var getmilli_start
var getmilli_loop
var getmilli_total
var waydone
function initiate() {
var time=new Date()
getmilli_start=time.getTime()
if (document.all) {
document.all.loadbar.style.posLeft=loadbar_left-loadbar_width
document.all.loadbar.style.posTop=loadbar_top
document.all.loadbar.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
moveloadbar()
}
else if (document.layers) {
document.loadbar.left=loadbar_left-loadbar_width
document.loadbar.clip.left=loadbar_width
document.loadbar.top=loadbar_top
document.loadbar.clip.right=dblwidth
document.loadbar.clip.top=0
document.loadbar.clip.bottom=loadbar_height
moveloadbar()
}
else {
document.location.href=redirection_url
}
}
function moveloadbar() {
var time=new Date()
var getmilli_loop=time.getTime()
getmilli_total=getmilli_loop-getmilli_start
waydone=Math.floor(loadbar_width/countdown_time*getmilli_total)
if (clipleft>=0) {
if (document.all) {
document.all.loadbar.style.posLeft=loadbar_left-loadbar_width+waydone
clipleft=loadbar_width-waydone
clipright=-waydone+2*loadbar_width
document.all.loadbar.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
clipleft=loadbar_width-waydone
document.loadbar.left=loadbar_left-loadbar_width+waydone
document.loadbar.clip.left=loadbar_width-waydone
document.loadbar.clip.right=-waydone+2*loadbar_width
document.loadbar.clip.top=0
document.loadbar.clip.bottom=loadbar_height
}
var timer=setTimeout("moveloadbar()",pause)
}
else {
clearTimeout(timer)
document.location.href=redirection_url
}
}
// -->
</script>
</HEAD>
<body onLoad="initiate()">
<br>Chargement en cour...
<div id="loadbar" style="position:absolute;top:-2000px">
<script>
document.write("<img src='loadbar.gif' width='"+dblwidth+"' height='"+loadbar_height+"'>")
</script>
</div>
</BODY>
</HTML> |
voila j'aimerai qui soit centrer si possible enfin ca je coirt pouvoir le faire mais ca serrez bossible que mon site soit derriere et aussi si possible un image entre chargement en cord et la barre bleu merci de votre aide presieuse |
|
|
camille59236
html mioche
|
| barre de chargement (probleme) , Posté le: 02-01-2007 11:30 |
|
|
| mais comment on fait pour l'afficher on le met dans le script au debut du script ???? ou autre par ? merci de votre aide |
|
|
meo
html mioche
 |
| barre de chargement (probleme) , Posté le: 02-01-2007 12:36 |
|
|
salut !
ci-dessous le script modifier pour ce qui est de la présentation. Tu as peut être déjà résolu ces problèmes d'ailleurs 
Par contre, je ne m'y connais pas assez pour que ta page web soit en arrière plan MAIS JE SUIS TRES INTERESSEE PAR LA REPONSE 
| Code: |
<html>
<HEAD>
<TITLE>Script N° 297</TITLE>
<script>
<!--
// Copyright Peter Gehrig et Urs Dudli at www.24fun.com
// If you add this script to a script-archive
// you have to add a link to www.24fun.com on the page
// La largeur de la barre en pixels.
var loadbar_width=200
// La hauteur de la barre en pixels.
var loadbar_height=18
// La position horizntale de la barre.
var loadbar_left=40
// La position verticale de la barre.
var loadbar_top=50
// Le temps du décompte (en secondes).
var countdown_time=5
// L'url de destination après le décompte
var redirection_url="http://www.presencenet.net/modules/Les_JavaScripts/scripts_externe/chargement/chargement_terminer.htm"
// ////////////////////////////////////////////////////
countdown_time=countdown_time*1000
var pause=20
var i_loop=0
var dblwidth=2*loadbar_width
var clipleft=loadbar_width
var clipright=dblwidth
var cliptop=0
var clipbottom=loadbar_height
var getmilli_start
var getmilli_loop
var getmilli_total
var waydone
function initiate() {
var time=new Date()
getmilli_start=time.getTime()
if (document.all) {
document.all.loadbar.style.posLeft=loadbar_left-loadbar_width
document.all.loadbar.style.posTop=loadbar_top
document.all.loadbar.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
moveloadbar()
}
else if (document.layers) {
document.loadbar.left=loadbar_left-loadbar_width
document.loadbar.clip.left=loadbar_width
document.loadbar.top=loadbar_top
document.loadbar.clip.right=dblwidth
document.loadbar.clip.top=0
document.loadbar.clip.bottom=loadbar_height
moveloadbar()
}
else {
document.location.href=redirection_url
}
}
function moveloadbar() {
var time=new Date()
var getmilli_loop=time.getTime()
getmilli_total=getmilli_loop-getmilli_start
waydone=Math.floor(loadbar_width/countdown_time*getmilli_total)
if (clipleft>=0) {
if (document.all) {
document.all.loadbar.style.posLeft=loadbar_left-loadbar_width+waydone
clipleft=loadbar_width-waydone
clipright=-waydone+2*loadbar_width
document.all.loadbar.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
clipleft=loadbar_width-waydone
document.loadbar.left=loadbar_left-loadbar_width+waydone
document.loadbar.clip.left=loadbar_width-waydone
document.loadbar.clip.right=-waydone+2*loadbar_width
document.loadbar.clip.top=0
document.loadbar.clip.bottom=loadbar_height
}
var timer=setTimeout("moveloadbar()",pause)
}
else {
clearTimeout(timer)
document.location.href=redirection_url
}
}
// -->
</script>
</HEAD>
<body onLoad="initiate()">
<div align="center">
<br>
<br>
<br>
<br>
<br>
Chargement en cours... <br>
<img src="image.jpg">
<div align="center"><div id="loadbar" style="position:center;top:-2000px">
<script>
document.write("<img src='loadbar.gif' width='"+dblwidth+"' height='"+loadbar_height+"'>")
</script>
</div></div>
</div>
</BODY>
</HTML> |
|
|
|
camille59236
html mioche
|
| barre de chargement (probleme) , Posté le: 02-01-2007 14:17 |
|
|
je croit avoir trouver mais ca ce met pas comme je veut lol ca ce met tous en haut mais on voit la page donc pour que on voit la page et le chargement on doit mettre le script di chargement en 1 avent tous le script de ta page
mais tu as changer quoi ?
et mais ca marhce pas ca me met un croix quel image je n'est pas? |
|
|
meo
html mioche
|
| barre de chargement (probleme) , Posté le: 02-01-2007 14:30 |
|
|
salut !
J'ai mis quelques codes pour centrer les trucs du genre
| Code: |
| <div align="center"> |
Pour que tu vois l'image, il faut mettre un chemin correct  du type
| Code: |
| <img src="http://www.nomdetonsite/dossier(eventuellement)dans lequel est ton image/nomdetonimage.jpg (ou.gif etc)"> |
En gros voilà ....
Par contre,je n'ai pas compris ta phrase pour afficher ta page web en même temps que le chargement ? |
|
|
camille59236
html mioche
|
| barre de chargement (probleme) , Posté le: 02-01-2007 14:40 |
|
|
| Code: |
| var redirection_url="#" |
mais pour ne pas avoir de redirection apres je doit mettre ca????
et j'ai pas compri pour les images lol?
enfaite tu voit ton script (que tu tape exemple notepad++)tu commence
| Code: |
<html>
<head>
<title>XXX</title>
<meta http-equiv="Content-Type" content="text/html;">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Sat May 13 13:42:15 GMT+0200 2006-->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#ffffff">
<p>&</p> |
et avent tu mes le script du chargement
ps:ca mes pas le chargement (limage du chargement )au mileu mais au dessus de ta page voila j'espere que tu as compris lol |
|
|
meo
html mioche
|
| barre de chargement (probleme) , Posté le: 02-01-2007 15:31 |
|
|
Salut !
rapidement, car je n'ai plus beaucoup de temps ...
Pour la redirection j'avoue que je nee sais pas et je n'ai malheureusement pas le temps de tester en ce moment...
Pour l'image, je te renvoie à un topic qui y répond déjà http://forum.salemioche.net/ftopic3678.php [http://forum.salemioche.net/ftopic3678.php]
Pour l'affichage barre téléchargement + page web = ok, pigé, et merci
Bon courage |
|
|
camille59236
html mioche
|
| barre de chargement (probleme) , Posté le: 03-01-2007 17:56 |
|
|
| on attedn encord une aide pour pouvoir voir le site derrier mais la barre de chargement au milieu merci |
|
|
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
