Sélectionner un bouton radio

**GLDavid** · 26/04/2006, 15h24

Bonjour

Voici mon problème, je dispose de ce formulaire :

Code :

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

1
2
3
4
5
6
7
8
 
<form name="sirene" action="process.php" method="post">
<p><INPUT TYPE="radio" NAME="entree" VALUE="0" CHECKED>Enter your sequence in Fasta style:</p>
<textarea name="sequence" rows="15" cols="60" onClick="setSelected(sequence)"></textarea>
<p><INPUT TYPE="radio" NAME="entree" VALUE="1">Or enter a gi number: 
<input type="text" name="gi" SIZE="8" MAXLENGTH="8"></p>
<p><INPUT TYPE="radio" NAME="entree" VALUE="2">Or enter an access number: 
<input type="text" name="an" SIZE="8" MAXLENGTH="10"></p>

Ce que je veux, c'est lorsque je clique dans un élément du type textarea ou text, le radio correspondant puisse être sélectionné de facto. Pour le moment, voici ce que j'ai implémenté en Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function setSelected(widget){
    switch(widget){
        case "sequence": document.form.entree[0] = true;
        break;
case "gi": document.form.entree[1] = true;
         break;
case "an": document.form.entree[2] = true;
         break;
    }
}

Seulement, cette solution ne fonctionne pas.
Merci d'avance de vos réponses.

@++

**fred777888999** · 26/04/2006, 15h52

hummm, j'ai deja vu pire comme code mais....
1- L'id que tu passe a ta fonction doit etre entre ''.
2- Il faut utiliser onclick sur tes trois champs
3- il faut positionner la propriete checked de ton champ, pas simplement le mettre a true.
Ca donne :

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
 
<html>
<head>
<script type="text/Javascript">
function setSelected(widget){
    switch(widget){
        case "sequence": 
          document.forms[0].entree[0].checked = true;
          break;
        case "gi": 
          document.forms[0].entree[1].checked = true;
          break;
        case "an": 
          document.forms[0].entree[2].checked = true;
          break;
    }
}
</script>
</head>
<body onload="javascript: toto();">
<form name="sirene" action="process.php" method="post">
<p><INPUT TYPE="radio" NAME="entree" VALUE="0" CHECKED>Enter your sequence in Fasta style:</p>
<textarea name="sequence" rows="15" cols="60" onClick="setSelected('sequence')"></textarea>
<p><INPUT TYPE="radio" NAME="entree" VALUE="1">Or enter a gi number: 
<input type="text" name="gi" SIZE="8" MAXLENGTH="8" onClick="setSelected('gi')"></p>
<p><INPUT TYPE="radio" NAME="entree" VALUE="2">Or enter an access number: 
<input type="text" name="an" SIZE="8" MAXLENGTH="10" onClick="setSelected('an')"></p>
</form>
</body>
</html>

A peu pres... Pas loin mais manque de precisions. Utilise ff qui te permettra de debugger facilement ces petites erreurs alors qu'ie est a la rue pour ce genre de taf.
++
Fred.

**GLDavid** · 26/04/2006, 15h57

Merci beaucoup Fred !

Oui, je reconnais que je suis pas fortiche en Javascript.
Mais tu noteras que j'étais pas si loin que ça de la solution

Merci encore de ton aide.

@++

Sélectionner un bouton radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager