Discussion :

[zimotep]

bonjour
a partir d'un formulaire

Code :

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

1
2
 <label><input type="radio" id="type_cpt" name="type_cpt" value="cpt_text" checked="checked" />Compteur avec texte uniquement </label>
            <label><input type="radio" id="type_cpt" name="type_cpt" value="cpt_img"  />Compteur avec images </label><br />

je voudrais desactiver les autres input qui viennent selon si le visiteur clique sur le radio de valeur cpt_text ou cpt_img ...

comment faire!
merci de votre aide

[Kerod]

Tes inputs sont sur la même page ou pas ? Sinon il faudrait soumettre le formulaire et récupérer les infos. S'ils sont sur la même page, il suffira d'utiliser l'évènement onchange ou oncheck

[zimotep]

oui oui, tout est sur la même page.

[Kerod]

Dans ce cas voici un exemple :
Le code HTML

Code :

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

<input type="input" id="test" /><input type="checkbox" onclick="visible('test')"/>

Et le javascript :

Code :

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

1
2
3
4
function visible(id)
{
  document.getElementById(id).disabled=document.getElementById(id).disabled==true?false:true;
}

Testé et approuvé par FF et IE

[zimotep]

mon problème, et celui que je rencontre dans tous les scripts en javascript, c'est que le script est fait que pour cacher 1 seul chanp ...

hors moi par exemple, si le bouton radio "texte" est coché, je voudrais cacher 3-4 champs ...

Je voudrais en fait les rendre disabled, et non les cacher

merci pour vos combines

[Kerod]

Comme ça à froid je t'aurai proposé un div qui cacherai tout mais tu n'en veux pas. rendre disabled un div ca fonctionne pas. Donc pourquoi pas faire une fonction qui prend en paramètre un tableau

Comme ceci :

Code :

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

<input type="input" id="test"  /><input type="input" id="test2" /></div><input type="checkbox" onClick="visible(Array('test','test2'))"/>

et

Code :

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

1
2
3
4
5
function visible(id)
{
  for(i=0;i<id.length;i++)
  document.getElementById(id[i]).disabled=document.getElementById(id[i]).disabled==true?false:true;
}

[zimotep]

super cool
merci de ton coup de pouce, çà marche nickel, aussi bien sous firefox que sous IE!
seul truc c'est que sous IE, ce qui est disabled n'est pas en fond gris, comme sous firefox

[Kerod]

Ben là ce sont les différences entre IE et FF...Et ca vient pas du code proprement dit, c'est l'effet de style IE.

Si tu veux vraiment harmoniser tout ca tente avec le CSS