diminuer le temps d'attente en cliquant sur mon lien

Version imprimable

Bonjour,
je souhaite que lorsqu'un visiteur clique sur un lien le temps d'attente diminue de X secondes.

voici mon bout de html actuel

Code:

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
<html>
<head>
<title>mon titre</title>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
 
</head>
 
<body bgcolor="#000000" text="#FFFFFF">
 
<center>
 
<table height="100">
	<tr>
		<td height="100%" valign="top" align="center">
 
<p align="center" id="dl"></p>
 
 
<script type="text/javascript">
time = 60;
 
function download() {
 
if (time == 0) { 
 
document.getElementById("dl").innerHTML='<font size="3">Please click below to download <b><?php echo $nam; ?></b></font><br><br><form method="POST" action="monlien"><input type="submit" style="font: 9pt verdana" value="Download"></form>';
}
if (time > 0) { 
document.getElementById("dl").innerHTML='<font size="3">Please, Visit our sponsor while your download link appears in ' + time + ' seconds</font>';
setTimeout('download()',1000);
}
 
time--;
}
 
download();
</script>
 
		</td>
	</tr>
</table>
 
<div align="center">
 
//<script type="text/javascript" 
//src="http://lien sur lequel il faut cliquer"
//</script>
 
 
</div>
 
</body>
</html>

merci pour votre aide !

Un exemple désolé pour l'indentation, j'ai pas eu trop temps de m'appliquer :

Code:

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
 
<html>
<head>
<title>mon titre</title>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
 
</head>
 
<body bgcolor="#000000" text="#FFFFFF">
 
<center>
 
<table height="100">
	<tr>
		<td height="100%" valign="top" align="center">
 
<p align="center" id="dl"></p>
 
 
<script type="text/javascript">
time = 60;
 
function download(nt){
 
if (time == 0) { 
 
document.getElementById("dl").innerHTML='<font size="3">Please click below to download <b><?php echo $nam; ?></b></font><br><br><form method="POST" action="monlien"><input type="submit" style="font: 9pt verdana" value="Download"></form>';
}
if (time > 0) { 
document.getElementById("dl").innerHTML='<font size="3">Please, Visit our sponsor while your download link appears in ' + time + ' seconds</font>';
var count = setTimeout('download()',1000);
}else{
clearTimeout(count);
}
 
time--;
if(typeof(nt)== "number"){
 clearTimeout(count); // on stop le timer
 time = time-nt
document.getElementById("lienPromo").onclick = null;
}
nt=null;
}
 
download();
</script>
 
		</td>
	</tr>
</table>
 
<div align="center">
 <a id="lienPromo" href="#" onclick="download(10);">CLICK</a>
</div>
 
</body>
</html>

J'ai créer ton lien avec un onclick qui va appliquer le compter moin ce que tu a mit en paramètre dans ta fonction download(secondes en moins).

08/08/2012, 16h42
glucose71
Merci headmax pour ton aide,

le seul souci, c'est que le lien sur lequel il faut cliquer est en JS, donc le onclick ne semble pas fonctionné !

detail :
Code:

1 2 3 <script type="text/javascript" src="http://regiepub/banner/2ZBYmpZbmnCOYHlpQ" </script>
une solution ?

Je garantie rien, essaye ça deux paramètre la décrémentation, et object html:

Code:

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
 
 
<html>
<head>
<title>mon titre</title>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
 
</head>
 
<body bgcolor="#000000" text="#FFFFFF">
 
<center>
 
<table height="100">
	<tr>
		<td height="100%" valign="top" align="center">
 
<p align="center" id="dl"></p>
 
 
<script type="text/javascript">
time = 60;
 
function download(nt,obj){
 
if (time == 0) { 
 
document.getElementById("dl").innerHTML='<font size="3">Please click below to download <b><?php echo $nam; ?></b></font><br><br><form method="POST" action="monlien"><input type="submit" style="font: 9pt verdana" value="Download"></form>';
}
if (time > 0) { 
document.getElementById("dl").innerHTML='<font size="3">Please, Visit our sponsor while your download link appears in ' + time + ' seconds</font>';
var count = setTimeout('download()',1000);
}else{
clearTimeout(count);
}
 
time--;
if(typeof(nt)== "number"){
 clearTimeout(count); // on stop le timer
 time = time-nt
obj.onclick = null;
}
nt=null;
}
 
download();
</script>
 
		</td>
	</tr>
</table>
 
<div align="center">
 <script onclick="download(10,this);" type="text/javascript"  src="http://regiepub/banner/2ZBYmpZbmnCOYHlpQ">
</script>
</div>
</body>
</html>

08/08/2012, 17h46
Bovino

:?

Comment tu fais pour cliquer sur une balise script ? :aie:

Une balise script est un élément non affiché de la page, il n'y a pas d'événement d'interaction avec l'utilisateur.

@glucose71 : si tu ne sais pas quel élément doit être cliqué, ça va être compliqué de résoudre ton problème...
09/08/2012, 12h27
glucose71

Bonjour,

Merci pour votre aide,

Bovino, tu as raison, j'ai donc recuperer le script et inserer le onclick au bon endroit et roule !

une grand merci a headmax !

En effet comme le dit bovino, la balise script n'a pas été fait pour est visible dans un premier temps, et de plus, comme elle n'est pas visible comment faire un onclick???

Solution conforme :
si ta balise script génère du html (un bouton), il faut cibler l'id du bouton généré ou via sa classe, si id ou la classe n'est pas dynamique (le nom change pas), tu pourra faire ce que tu souhaite.

Par contre la solution non conforme, serait que ta balise script soit dans body, et qu'on lui applique un style en display:block et lui mettre un id pour ne cibler que cette balise:
Code:

1 2 3 4 5 6 7 8 <style type="text/css"> script[id=btn]{ display:block; } </style> <script id="btn" onclick="download(10,this);" type="text/javascript" src="http://regiepub/banner/2ZBYmpZbmnCOYHlpQ"> </script>
Mais comme dit bovino cela n'a pas été prévenu pour ce genre de manipulation c'est une aberration.

10/08/2012, 21h52
glucose71

Headmax, merci de ta reponse,

mais elle n'est pas tres claire notamment le bout de code que tu ajoutes,
pourrais tu me l'integrer dans le code existant ?

pour info l'id est dynamique.

merci d'avance.