getElementById et setTimeout

**steeve93800** · 31/03/2008, 20h08

Bonjour,
voila j'ai un petit probleme qui me chiffonne depuis quelques temps : en effet je desire utiliser javascript afin de desactiver un bouton en cliquant sur un bouton radio et le reactiver en deselectionnnant le buton radio (la deselection se fait aussi par javascript) voici mon exemple d'essai

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>essai </title>
<script language="JavaScript">
var desact = false;
 
function selection(obj){
 
	if (obj.checked){desact=true;}
	obj.form.bouton1.disabled=true;
	obj.form.bouton2.disabled=false;
 
}
 
 
function des(obj){
	if(desact){
 
		desact=false;
		var i=obj.id;
		obj.form.bouton1.disabled=false;
		obj.form.bouton2.disabled=true; 
		window.setTimeout('document.getElementById(i).checked=false;desact=false;',200);
 
		} 
}
</script>
</head>
<body>
<form >
<input type="radio" onmousedown="selection(this);" onmouseup="if(desact){this.form.bouton1.disabled=false;this.form.bouton2.disabled=true; window.setTimeout('document.getElementById(\'oui\').checked=false;desact=false;',200);}"   id="oui" name="choix" />Oui
<input type="radio" onmousedown="selection(this);" onmouseup="des(this);" id="non" name="choix" /> Non
<input type="submit" name="bouton1" value="ajouter" >&nbsp
<input type="submit" name="bouton2" value="supprimer" disabled="false">&nbsp
</form>
</body>
</html>

donc j'explique en cliquant sur le bouton radio "oui" cela active l'evenement onmousedown et si je reqlique dessus je vais desactiver ce bouton radio(grace a l'evenemnt onmouseup tout sa bien sur grace a une variable "desact" mis a "true" au bon moment)
pour le bouton "oui" sa marche car j'ai directement mis le code javascript dans l'attribut de la balise input mais pour le bouton "non" cela ne marche pas car pour celui ci j'ai decide d'utiliser une fonction et je ne comprends pas pourquoi apres des tonnes d'essai cela ne marche pas.

Le probleme viendrai t il de getElementById ou setTimeout.

est ce que donc quelqu'un pourrait m'aider??

sinon une question a part est ce que les evenement onmousedown et onmouseup peuvent agirent en meme temps c'est a dire sans avoir recours a setTimeout

merci d'avance pour vos reponses.

**SpaceFrog** · 31/03/2008, 21h40

Code :

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

1
2
3
4
var i=obj.id;
		obj.form.bouton1.disabled=false;
		obj.form.bouton2.disabled=true; 
		window.setTimeout('document.getElementById(i).checked=false;desact=false;',200);

obj.form ??
et obj.id .. tu es sur de tes pointers ?

**steeve93800** · 31/03/2008, 22h37

oui car j'ai essaye en faisant juste pour verifier

Code :

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

1
2
3
4
5
desact=false;
		//var i=obj.id;
		obj.form.bouton1.disabled=false;
		obj.form.bouton2.disabled=true; 
		window.setTimeout('document.getElementById(\'oui\').checked=false;desact=false;',200);

et dans ce cas bien sur seul le bouton radio de id='oui' fonctionne
donc en utilisant la variable i sa ne marche pas :

pourquoi ???

merci comme meme pour ta reponse.

**E.Bzz** · 01/04/2008, 09h17

Bonjour,

Envoyé par steeve93800

pour le bouton "oui" sa marche car j'ai directement mis le code javascript dans l'attribut de la balise input mais pour le bouton "non" cela ne marche pas car pour celui ci j'ai decide d'utiliser une fonction et je ne comprends pas pourquoi apres des tonnes d'essai cela ne marche pas.

Code :

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

window.setTimeout("document.getElementById('"+i+"').checked=false;desact=false;",200);

ou

Code :

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

window.setTimeout('document.getElementById(\''+i+'\').checked=false;desact=false;',200);

A+

**steeve93800** · 01/04/2008, 09h43

je n'ai toujours pas de reponse mais peut etre un indice remarquer ça:

lorsque je fait dans un fichier
si je fait :

Code :

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

1
2
var a='bonjour';
alert(a);

la j'ai l'affichage de bonjour jusque la tout va bien.

si maintenant je fait:

Code :

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

window.setTimeout('alert(\'bonjour\');', 20);

(N.B: le 20 corresond a un parametre de setTimeout qui va executer alert dans 20milisecondes ici)
j'ai le meme resultat en entrant la chaine bonjour sans l'aide d'une variable

mais la stupeur si je fais ça:

Code :

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

1
2
var a='bonjour';
window.setTimeout('alert(a);', 20);

la aucun affichage c'est donc bien un probleme de lie a setTimeout ou peut etre tout simplement au passage de variable a une fonction dans un fonction?

est ce que vraiment quelqu'un aurait une reponse?

ps : je suis sous debian avec comme navigateur iceweasel (version libre du navigateur firefox)

merci d'avance pour vos reponses

**E.Bzz** · 01/04/2008, 09h44

Envoyé par steeve93800

je n'ai toujours pas de reponse

Sympa !!

**SpaceFrog** · 01/04/2008, 09h44

Code :

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

window.setTimeout(function(){alert(a);}, 20);

**SpaceFrog** · 01/04/2008, 09h46

ps : je suis sous debian avec comme navigateur iceweasel (version libre du navigateur firefox)

Ah firefox n'est pas libre ?????

**E.Bzz** · 01/04/2008, 09h46

Envoyé par SpaceFrog

Code :

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

window.setTimeout(function(){alert(a);}, 20);

On est d'accord

**steeve93800** · 01/04/2008, 10h03

merciiiiiiiiiiiiiiiiiiiiiiiii

j'avais pas vu ta reponse c'est cool E.bzz je vais metre resolu de suite

**steeve93800** · 01/04/2008, 10h06

ta peut etre raison spicefrog mais c'est wikipedia qui dit sa fait mais en fait c'est juste une question de licence et pas de notion de code source

merci a toi aussi pour ta reponse