Switch entre html:radio

Version imprimable

08/01/2007, 16h39
maxf1

Switch entre html:radio
SwithBonjour à toutes et a tous,

J'aurais une petite question concernant struts/javascript:

j'ai 2 html:radio.
Code:

1 2 3 4 5 <html:form action="/Add"> <html:radio property="check" value="balise" /> <html:radio property="check" value="input" /><html:text onlick="change();" property="text"/> </html/form>
Par defaut le premier radio bouton est coché, initialisation de check à "balise" dans l'actionForm.
Lorsque je clique sur le champ text a coté de mon 2ieme bouton je souhaiterais que ce soit le 2ieme radio bouton qui soit coché.
Je souhaiterais le faire en javascript.

Malheureusement je n'arrive pas, voici ce que j'ai fait mais rien ne vas, erreur javascript.
Code:

1 2 3 4 function change(){ document.forms.Add.check.value = 'input'; }
J'ai l'impression qu'il ne trouve pas le radio button.
Merci pour votre aide ;)
08/01/2007, 16h48
maxf1

Les codes suivants ne marchent pas non plus. Je n'ai plus d'idée.
Sachant que document.forms.Add est juste, car j'arrive a recupérer la value du text en faisant document.forms.Add.text.value, :?

Code:

document.forms.Add.check[1].checked = 'true'

Code:

document.forms.Add.check['input'].checked = 'true'

:help: me

Pardon, avec fonction javascript

Et comme ceci ?

Code:

1
2
3
4
5
6
7
 
<html:form action="/Add">
    <html:radio property="check" value="balise"/>
    <html:radio property="check" value="input">
       <html:text onclick="change();" property="text"/>
    </html:radio>
</html:form>

Code:

1
2
3
4
function change()
{
	document.forms.Add.check[1].checked = 'true' ;
}

08/01/2007, 17h12
maxf1

Meme avec le javascript

Non désolé, ca ne marche pas non plus.
Je ne comprend pas pourquoi j'ai une erreur javascript et que je n'arrive pas à récupérer le controle de mes radio button.
J'ai beau essayer tous les javascripts auquel je pense ca ne marche pas.

A mon avis le html est correct, ca devrait plutot être du coté javascript que j'ai mon problème.

Une autre idée?:roll:

Et comme ceci :

Code:

1
2
3
4
5
6
<html:form action="/Add">
    <html:radio property="check" value="balise"/>
    <html:radio property="check" value="input">
       <html:text onclick="change();" property="text"/>
    </html:radio>
</html:form>

Code:

1
2
3
4
function change()
{
	document.forms.check[1].checked = 'true' ;
}

08/01/2007, 19h17
c_nvy

En fait, mes réponses manquent de précision.:oops: Je suis un peu à l'ouest aujourd'hui...

Il faut mettre le nom de ton form-bean après document :

Code:

document.nomDeTonFormBean.check[1].checked = 'true' ;
09/01/2007, 09h00
maxf1

Merci pour ton aide, mais chez moi ca ne marche pas.

Ce sont des réponses de supposition ou bien tu l'as fait chez toi et ca marche?

En faite le nom de mon formBean est "Add".
J'ai meme essayer en changeant de nom mais rien n'y fait, :cry:
09/01/2007, 10h20
c_nvy

Ben, ça fonctionne sur mon poste.

Raaaa je vais devenir fou un cause d'un ptit bouton, lol.

Voici ce que j'ai, struts-config:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<struts-config>
 
	<form-beans>
		<form-bean name="Add" type="com.maxf1.struts.test.AddElementForm"/>
	</form-beans>
	<action-mappings>
		<action path="/Add" type="com.maxf1.struts.test.AddElementAction" name="Add" scope="request">
			 <forward name="success" path="/pages/uploadsuccess.jsp"/>
		</action>
	</action-mappings>
 
 
</struts-config>

et ma jsp :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<html>
<head>
<title>Success</title>
</head>
<script type="javascript">
	function check(){
		document.Add.check[1].checked = 'true';
	}
</script>
<body>
	<html:form action="/Add" > 
		<html:radio property="check" value="balise"></html:radio>
		<html:radio property="check" value="input">
			<html:text property="text" onclick="check();"/>
		</html:radio>
	</html:form>
</body>
</html>

Vois-tu quelques chose de faux ou qui diffère la dedans par rapport à toi?

09/01/2007, 11h44
c_nvy

Je ne vois rien d'anormal dans ton code.
La seule différence que je vois, c'est que je n'ai pas donné le même nom au path de mon Action et au form-bean mais je ne pense pas que ça ait une incidence.

Et quel message d'erreur javascript as-tu ?
09/01/2007, 11h50
maxf1

Comment voit-on l'erreur javascript que l'on obtient?

Je suis sous ie, et quand je clique sur mon input, j'ai l'icone ie en bas a gauche qui devient un attention (jaune).
09/01/2007, 11h55
c_nvy

double-clic sur le panneau jaune.
09/01/2007, 12h22
maxf1

OK, voici l'erreur pas trop parlante, du moins pour ma part:

Object doesn't support this property or method
09/01/2007, 13h14
c_nvy
Ben là, je ne comprends pas ce qui se passe.:oops:

Peux-tu faire un test avec ceci :
Code:

1 2 3 4 function check() { document.forms['Add'].check[1].checked = 'true'; }

Ca y est c'est OK!! Merci de ton aide, sans celle-ci je n'aurais peut-etre jamais trouvé le problème est aurais pensé que ce n'était pas possible.

En faite, la bonne solution est bien :
Code:

1 2 3 4 function change() { document.NomDuBean.check[1].checked = 'true' ; }
Code:

1 2 3 4 5 6 <html:form action="/Add"> <html:radio property="check" value="balise"/> <html:radio property="check" value="input"> <html:text onclick="change();" property="text"/> </html:radio> </html:form>
Sauf que moi j'avais appelé la fonction javascript : check() et apparement il n'aime pas. Peut-etre une confusion quelque part, ou bien une methode deja défini dans javascript. Bref je sais pas trop d'ou vient le probleme si ce n'est qu'il ne faut pas l'appeler check dans mon cas, ;)

09/01/2007, 14h37
c_nvy

De rien.;)
Je n'avais pas pensé à cela.
Il est vrai que j'avais testé avec une fonction javascript appelée change et non check.
Bon courage pour la suite.