faire un bouton clignotant

Version imprimable

01/02/2008, 10h56
identifiant_bidon

faire un bouton clignotant

Bonjour a tous

Comme dit dans le titre, je voudrais faire un bouton clignotant en javascript pen dant 5 secondes. Je ne veux pas que seul le texte clignote mais bien tout le bouton. Je ne maitrise pas assez le javascript pour savoir comment faire ça.

Si quelqu'un a une idée ...

Merci beaucoup

dans un setInterval

Code:

1
2
3
4
5
6
7
function clignotte(obj){
setInterval(function(){obj.style.visibility=	(obj.style.visibility=='visible')?'hidden':'visible';},1000)
}
</script>
</head>
<body>
<input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible" />

01/02/2008, 11h57
identifiant_bidon

Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ?
01/02/2008, 13h02
KawaJVC
" Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ? "

Oui , mais dans de cas là tu fais ca :
Code:

1 2 3 var timer = setInterval(etc,temps); setTimeout("clearInterval(timer);",5000);
;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<script>
	function clignotte(obj){
		var timer = setInterval(function(){obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible';},500);
		setTimeout("clearInterval(timer);",5000);
	}	
 
 
</script>
</head>
<body>
<input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible"/>
</body></html>

Dsl mais ca marche pas :cry:

o_0 Bizarre ! Je vois pas pourquoi ca marcherais pas là :?

Ou alors au lieu de faire function(){...} , essayes de faire
Code:

1 2 3 4 5 6 7 8 9 10 11 function clignotte(obj) { function clignotter() { obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible'; } var timer = setInterval("clignotter();",500); setTimeout("clearInterval(timer);",5000); }

Citation:
Envoyé par KawaJVC
o_0 Bizarre ! Je vois pas pourquoi ca marcherais pas là :?

Ou alors au lieu de faire function(){...} , essayes de faire
Code:

1 2 3 4 5 6 7 8 9 10 11 function clignotte(obj) { function clignotter() { obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible'; } var timer = setInterval("clignotter();",500); setTimeout("clearInterval(timer);",5000); }
Ben la ca clignotte carrément plus (ce qui est normal puisque dans la fonction clignotter, tu ne passes pas obj)

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
<script language="javascript">
 
var clignotementsAvantArret = 10;  // NOMBRE DE CLIGNOTEMENTS AVANT L'ARRET
                                   // DES CLIGNOTEMENTS. METTRE UNE LETTRE
                                   // POUR QUE LE CLIGNOTEMENT NE S'ARRETE PAS
 
var vitesseDeClignotement = 5;     // VITESSE DE CLIGNOTEMENT.
                                   // MIN = 1, MAX = 10
var compte = 0;
var charge = 0;
function clignoterBouton(idDuBouton) {
if(charge == 0) {
document.getElementById(idDuBouton).style.visibility = "hidden";
charge = 1;
compte++;
if(compte != clignotementsAvantArret) {
setTimeout("clignoterBouton('"+idDuBouton+"')",(10-vitesseDeClignotement)*100);
}
else {
document.getElementById(idDuBouton).style.visibility = "visible";
}
} else if(charge == 1) {
 
document.getElementById(idDuBouton).style.visibility = "visible";
charge = 0;
if(compte != clignotementsAvantArret) {
setTimeout("clignoterBouton('"+idDuBouton+"')",(10-vitesseDeClignotement)*100);
} else {
document.getElementById(idDuBouton).style.visibility = "visible";
}
}
}
</script>
<body onload="clignoterBouton('bouton1')">
<input type="button" id="bouton1" value="Ceci est un bouton qui clignote"> 
</body>

01/02/2008, 14h38
identifiant_bidon

super merci sachav. J'vais un peu adapter selon mon besoin mais ce script fait ce que je veux.

Merci à ceux qui se sont penchés sur le sujet :D