Under Construction Page

**Gamer007** · 26/02/2013, 08h52

Bonsoir, j’ai cherché pendant des heures les en vin!

Je souhaiterais / je cherche à avoir un script avec une Progress bar animée, qui contient un count-down avec le pourcentage en direct, ou sa en est.

Genre une Under Construction Page avec un count-down sauf que là s'est pas des chiffres mais s’est une barre avec des pourcentages qui contient un count-down.

Comme ceci s'est le seul count-down qui fait sa

Ce n'est en aucun cas de la pub)

http://codecanyon.net/item/extended-...review/3916245

J’espère m’avoir exprimé le plus clairement possible, ce sujet est vraiment délicat à vous expliquer, en espérant de vous avoir fait part de ma demande.

Pouvez-vous m’aider s’il vous plait?

Cordialeme

**SpaceFrog** · 26/02/2013, 11h14

https://www.google.fr/search?q=jquer...ient=firefox-a

**Gamer007** · 26/02/2013, 21h39

Bonsoir , j' ai cherché depuis des heureus sur sa mais je vois pas comment faire pour affichier les pourcentage et je ne trouve pas une progresse-bar avec Coutdown et pourcentage intégrer , pouvez m' aider sil vous plait?

Invité · 27/02/2013, 00h07

comme sa

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<script type="text/javascript">
 
function rebour_multiple(tempsDebut,tempsFin){
 
	this.tempsDebut=parseInt(tempsDebut);
	this.tempsFin=parseInt(tempsFin);
	var that=this;
	rebour();
 
	function rebour(){
 
		var date1 = new Date().getTime();
		var date2 = new Date(tempsDebut).getTime();
		var date3 = new Date(tempsFin).getTime();
 
		var bar=document.getElementById('genebar');
 
		if(date2>date3){
		bar.style.width= bar.parentNode.offsetWidth+'px';
		}
 
		else{
 
		var mls = 1/(date3 - date2);
		var ecoule=(date1 - date2);
		var ecoule2=mls*ecoule;
 
		bar.style.width=(bar.parentNode.offsetWidth-50)* ecoule2+'px';		//50 c'est la marges total de la gauche et la droit de l'image gradué
		document.getElementById('pourcentage').firstChild.nodeValue=(ecoule2*100).toFixed(4)+'  %'
 
		}
 
		setTimeout(rebour, 1000);	
 
	}
}
 
function initcompteur(){
 
	new rebour_multiple('02/18/2013 12:55:20','03/15/2013 23:00:00');	//date de debut et de fin
 
 
}
 
if(typeof window.addEventListener == 'undefined'){
	window.attachEvent('onload', initcompteur);
}
else{
	window.addEventListener('load', initcompteur, false);
}
</script>
 
	</head><body style='background: #333333'>
 
		<h1 id="pourcentage" style='color:white;margin-left:48%'>00 %</h1>;
		<br>
 
		<br>
		<div style='height:109px;width:960px;margin:auto;background: #333333 url("http://farmaciacaloini.com/comingsoon/css/images/progress-container.png")'>
 
		<img id='genebar' src='http://farmaciacaloini.com/comingsoon/css/images/ui-bg_gloss-wave_75_2191c0_500x100.png' style='height:40px;margin-top:15px;margin-left:25px;width:500px'>
 
		</div>
 
 
	</body></html>

c'est fait un peut a l'arrache

**Bovino** · 27/02/2013, 07h52

comment faire pour affichier les pourcentage

Ben comment on pourrait le savoir ?
Tu nous parle d'afficher un pourcentage... OK, mais un pourcentage de quoi ???

**SpaceFrog** · 27/02/2013, 10h17

Bonsoir, j’ai cherché pendant des heures les en vin!

Pourcentage de remplissage d'un cuve ... de vin ..
Tu n'auras pas fait ça en vain ...

**Gamer007** · 27/02/2013, 12h16

Envoyé par mekal

comme sa

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<script type="text/javascript">
 
function rebour_multiple(tempsDebut,tempsFin){
 
	this.tempsDebut=parseInt(tempsDebut);
	this.tempsFin=parseInt(tempsFin);
	var that=this;
	rebour();
 
	function rebour(){
 
		var date1 = new Date().getTime();
		var date2 = new Date(tempsDebut).getTime();
		var date3 = new Date(tempsFin).getTime();
 
		var bar=document.getElementById('genebar');
 
		if(date2>date3){
		bar.style.width= bar.parentNode.offsetWidth+'px';
		}
 
		else{
 
		var mls = 1/(date3 - date2);
		var ecoule=(date1 - date2);
		var ecoule2=mls*ecoule;
 
		bar.style.width=(bar.parentNode.offsetWidth-50)* ecoule2+'px';		//50 c'est la marges total de la gauche et la droit de l'image gradué
		document.getElementById('pourcentage').firstChild.nodeValue=(ecoule2*100).toFixed(4)+'  %'
 
		}
 
		setTimeout(rebour, 1000);	
 
	}
}
 
function initcompteur(){
 
	new rebour_multiple('02/18/2013 12:55:20','03/15/2013 23:00:00');	//date de debut et de fin
 
 
}
 
if(typeof window.addEventListener == 'undefined'){
	window.attachEvent('onload', initcompteur);
}
else{
	window.addEventListener('load', initcompteur, false);
}
</script>
 
	</head><body style='background: #333333'>
 
		<h1 id="pourcentage" style='color:white;margin-left:48%'>00 %</h1>;
		<br>
 
		<br>
		<div style='height:109px;width:960px;margin:auto;background: #333333 url("http://farmaciacaloini.com/comingsoon/css/images/progress-container.png")'>
 
		<img id='genebar' src='http://farmaciacaloini.com/comingsoon/css/images/ui-bg_gloss-wave_75_2191c0_500x100.png' style='height:40px;margin-top:15px;margin-left:25px;width:500px'>
 
		</div>
 
 
	</body></html>

c'est fait un peut a l'arrache

Ok merci je vais tester celà

Envoyé par Bovino

Ben comment on pourrait le savoir ?
Tu nous parle d'afficher un pourcentage... OK, mais un pourcentage de quoi ???

Envoyé par SpaceFrog

Pourcentage de remplissage d'un cuve ... de vin ..
Tu n'auras pas fait ça en vain ...

Veuillez m' excusez j' ai du mal m' exprimé.
J' entends par là ,le Pourcentage de l' avancement de la progressbar qui est lié au coutdown
M' avez vous compris?
Cordialement ,

**sekaijin** · 27/02/2013, 20h49

le plus simple
placer un div qui couvre la page de gris
placer au centre une gif annimé qui fait patient

placer ensuite le reste de la page dans le onload lancer le code js de l'appli
et à la fin du chargement supprimer le div gris

A+JYT

Under Construction Page

JavaScript

Discussions similaires

Partager

Partager