diminuer le temps d'attente en cliquant sur mon lien

**glucose71** · 08/08/2012, 15h04

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 :

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

**headmax** · 08/08/2012, 16h10

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

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

**glucose71** · 08/08/2012, 16h42

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 :

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

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

une solution ?

**headmax** · 08/08/2012, 17h24

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

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

**Bovino** · 08/08/2012, 17h46

Comment tu fais pour cliquer sur une balise script ?

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

**headmax** · 09/08/2012, 12h28

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 :

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

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.

**glucose71** · 09/08/2012, 12h27

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 !

diminuer le temps d'attente en cliquant sur mon lien

JavaScript

Vue hybride

Discussions similaires

Partager

Partager