Discussion :

[toome]

salut,
je cherche à savoir comment connaître les propriétés d'un champ à partir de son nom (notamment son type), une fois je connais le type je cherche à le modifier mais je ne suis pas sûr que c'est possible ! (en clair je veux rendre visibles mes champs "hidden" dès qu'on sélectionne dans un bouton radio.


merci d'avance.

[Mr N.]

Pour connaitre toutes les propriété d'un objet je fais ainsi, si quelqu'un a une autre methode, je prends !

Code :

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

1
2
3
4
5
 
elem = ...;
for (i in elem) {
   alert(i+' : '+eval('elem.'+i));
}

[Tdeny]

Le onClick marche sur le bouton Radio. Tu peux donc vérifier son étât et afficher ou non.

[Auteur]

pas mieux : pour afficher, par exemple, les styles que l'on peut appliquer sur un élément.

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
 
 
function propriete(){
//Si l'élément est désigné par un id :
var element=document.getElementById("idElement");
 
//ou si l'élément est désigné par l'attribut name
//var element=document.getElementsByName("NomElement");
 
var pp="", p="";
 
for (pp in element.style)
		p = p + "  " + pp;
alert(p);
}

De toute façon pour que ces scripts fonctionnent, il faut nommer l'élément (id, name,....).
En ce qui me concerne cela me permet de vérifier si une propriété est compatible avec plusieurs navigateurs.

[leywos]

getElementsByName c'est le mieux si tu as que le nom mais je doute que tu puisse transformer le type, le mieux c'est de mettre un champ type "text" a la place de hidden et de le rendre visible ou non.

tu trouvera ici toute les propriétés du type input texte (en anglais par contre )

[toome]

merci à tous et à toutes.
le code qu'a sorti "Auteur" n'affiche rien, par contre celui de "Mr N" affiche.

encore merci.

[toome]

en fait, avec la solution proposée j'ai ma page qui se recharge "bizarement", voici le code :

Code :

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

1
2
3
4
5
6
 
 <input type="radio" name="cand" value="spont" onclick="cacher_element('numero');" checked>   choix 1
 
<input type="radio" name="cand" value="reponse" onclick="afficher_element('numero');"/> choix 2 avec texte
 
<input type="text" id="num" name="pour_texte" style="display:none;">

si je coche le bouton "choix 2 avec texte" j'ai le champ texte qui apparait, si je fais "F5" le champ texte disparait et le bouton "choix 2 avec texte" reste coché malgré que c'est le bouton "choix 1" qui est "checked" par défaul !!

[toome]

une idée ?

[Mr N.]

Oui. C'est parce que ton formulaire est completer automatiquement par ton navigateur. Si tu fais shift+F5, tu auras normalement le comportement voulu.

A tester :
Pour empecher ca, tu peux essayer l'attribut autocomplete="off" qui n'est toutefois pas un attribut standard, ou alors essaye de donner un name différent à ton formulaire (analyse perso: le navigateur ne saura pas "autompleter" le form car il pensera que s'en est un autre...)