changement d'etat pour un bouton radio [Résolu]

[tilily]

Bonjour a tous

j'ai un formulaire pour une recherche avec un choix a faire grace a des bouton radio et des champs pour remplir la donnée recherchée a coté de chaque bouton radio.

J'ai reussi a laisser les input disabled et les desactivé lors de la selection du bouton radio mais s'il en selectionne un autre mon input text precedent ne se remet pas a disabled...

j'ai testé plein de chose mais rien ne fonctionne exactement comme je veux.

Si vous aviez des idées.

Merci

[RomainVALERI]

Envoyé par tilly

[...] mais rien ne fonctionne exactement comme je veux.

Souvenir de mon premier prof d'informatique :
"La machine ne fait jamais ce que je veux, mais toujours ce que je demande. Tout l'art en informatique consiste à apprendre ce qu'il faut demander."

Envoyé par tilily

Si vous aviez des idées.

Une seule, mais excellente :

>>> Nous montrer le code concerné

[tilily]

voila ma fontion :

Code :

1
2
3
4
5
6
 
<script>
		function degriser(id){
		document.getElementById(id).disabled = false;
		}
		</script>

et mon formulaire

Code :

1
2
3
4
5
6
7
8
9
 
<table>
		<th colspan=3>Recherche de facture</th>
		<tr><td><input name="choix" type=radio onclick="degriser('tr')"/>Par nom<input type="text" id="tr" name="nom" disabled />prenom<input type="text" id="tr" name="prenom" disabled /></td></tr>
		<tr><td><input name="choix" type=radio onclick="degriser('tr1')"/>Par numero<input type="text" id="tr1" name="numFact" disabled /></td></tr>
		<tr><td><input name="choix" type=radio onclick="degriser('tr2')"/>Par date<input type="text" id="tr2" name="dateF" disabled /></td></tr>
		<tr><td><input name="choix" type=radio onclick="degriser('tr3')"/>Par immatriculation<input id="tr3" type="text" name="immat" disabled /></td></tr>
		<tr><td><input type="submit" name="rechercher" value="Rechercher facture"/></td></tr>
		</table>

[Bovino]

Code :

<input type="text" id="tr" name="nom" disabled />prenom<input type="text" id="tr" name="prenom" disabled />

Un id doit être unique sur la page !

[tilily]

merci j'ai changé
mais ca ne change rien a mon soucis

[Bovino]

En fait, j'ai un peu de mal à comprendre

Tu as un input disabled et tu veux en cliquant dessus qu'il ne soit plus disabled
Mais disabled, ça veut précisément dire que tu peux pas cliquer dessus

[tilily]

en fait j'ai mes champs nom, numero, date, et immatriculation.

la personne doit pouvoir rechercher qu'avec un seul de ces champs

donc en cliquand sur le radio bouton, l'input text du champs deviens accessible alors que par defaut tant que tu ne choisis pas tu ne peux rien remplir pour forcer l'utilisateur a n'avoir qu'un champs

seulement dans mon code s'il coche par exemple par nom et qu'ensuite il coche par date, l'input text de nom est ccessible alors que j'aimerai que non...

[Bovino]

Ah oui, OK... J'ai repris mes esprits et j'ai compris

Est-ce que les id de tes input texte correspondent à ceux passés à la fonction ?

[tilily]

oui pourquoi ?

[Bovino]

Parce que j'avais mal lu laquestion (je suis pas très en forme aujourd'hui... )

Ce que je te conseilles, c'est de remplacer l'id 'tr' par 'tr0' et de remplacer ta fonction comme suit :

Code :

1
2
3
4
5
6
function degriser(id){
	var i=0;
	while(document.getElementById('tr'+i){
		document.getElementById('tr'+i).disabled = 'tr'+i!=id;
	}
}

[andry.aime]

Bonsoir,

Envoyé par Bovino

Parce que j'avais mal lu laquestion (je suis pas très en forme aujourd'hui... )

http://www.developpez.net/forums/d10...t/#post5824230
http://www.developpez.net/forums/d10...n/#post5825755

A+.

[Bovino]

Je confirme Andry... j'ai oublié l'incrémentation de i dans mon code

Code :

1
2
3
4
5
6
7
function degriser(id){
	var i=0;
	while(document.getElementById('tr'+i){
		document.getElementById('tr'+i).disabled = 'tr'+i!=id;
		i++;
	}
}

[andry.aime]

J'ai compris en lisant mon post et je l'ai édité pendant que tu postais
"tr"+i != id retourne un booléen.

[tilily]

nickel merci a vous !