JS: Connaître le type d'un champ HTML via son nom

Bonjour,

tout (ou presque) est dans le titre :)
Savez-vous s'il y a moyen de connaître le type d'un champ HTML grâce au nom de ce champ

exemple purement fictif :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function type(nom_champ){ var typ = typeof(getElementByName(nom_champ)); if (typ == "radio"){ ... } if (typ == "text"){ ... } if (typ == "select"){ ... } }

---

Vous voyez ce que je veux dire ?

Merci beaucoup pour votre aide !

bonjour,

je dirais plutôt :

Code:

---

1 2	var typ = getElementByName(nom_champ).type.toLowerCase();

---

Normalement typ =
button
text
hidden
textarea
radio
checkbox
etc...

Citation:

---

Envoyé par Auteur

bonjour,

je dirais plutôt :

Code:

---

1 2	var typ = getElementByName(nom_champ).type.toLowerCase();

---

---

Ben moi, je dirais plutot:

Code:

---

1 2	var typ = getElementsByName(nom_champ)[0].tagName.toLowerCase();

---

Je connais pas getElementByName, mais juste getElementsByName, ce qui oblige à prendre le premier du vecteur retourné. Ensuite, c'est tagName plutot que type. Et il faudrait faire un peu plus attention aux null dans cette histoire....

Attention, vous confondez tagName et type...

soit node = <input type="hidden" />
tagName = "input"
type = "hidden"

soit node = <select></select>
tagName = "select"
type = null

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

var node; switch (node.tagName.toLowerCase()) { case "input": switch (node.type) { case null: case "": case "text": // ... break; case "radio": // ... break; // autres types } break; case "select": // ... break; }

---

Youhouuu

Bhein je crois qu'avec tout ça je m'en sortirai !!

Merci beaucoup à vous !


NikoBe

Bhein flute, IE n'a pas l'air de supporter ces fonctions !!
c'est normal ?
commen peut-on connaître les compatibilités ?

Normalement ca devrait marcher sur IE aussi.

Qu'est-ce qui ne vas pas exactement ?
Tu peux donner ton code ?

Bhein.. héhé.. j'ai repris ton code ;)

mais dans le contexte, ça donne ça :

Code:

---

1 2 3 4 5 6 7

<form method=POST ACTION="mapage2.html" name="mapage1.html" onsubmit="return verifpage()"> ... <input type="text" .. <select .. ... <form>

---

Code:

---

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

function verifpage(){ ... var type = type_of_field(nom_champ); ... }   function type_of_field(nom_champ){   var tag = getElementsByName(nom_champ)[0].tagName.toLowerCase(); window.alert("tag = " + tag); var typ = getElementsByName(nom_champ)[0].type.toLowerCase(); window.alert("typ = " + typ);   var node = getElementsByName(nom_champ)[0];   switch (node.tagName.toLowerCase()) { case "input": return node.type.toLowerCase(); break; case "select": return node.tagName.toLowerCase(); break; } }

---

au fait, ça plante déjà dès la première affectation de la fonction type_of_field (càd var tag = getElementsByName(nom_champ)[0].tagName.toLowerCase()).
J'ai même pas le display qui suit.
Et le comportement est assez bizarre, au fait ça exécute l'action de ma <form> (à savoir que ça va directement à 'mapage2.html')

précision: j'ai vérifié, la variable 'nom_champ' contient bien le nom d'un champ (d'ailleurs ça marche pour d'autres traitements avec la même variable)

ya qqch qui m'échappe .. :?

Ca marche beaucoup mieux en faisant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function type_of_field(nom_champ){ var tag = document.getElementsByName(nom_champ)[0].tagName.toLowerCase(); window.alert("tag = " + tag); var typ = document.getElementsByName(nom_champ)[0].type.toLowerCase(); window.alert("typ = " + typ); var node = document.getElementsByName(nom_champ)[0]; switch (node.tagName.toLowerCase()) { case "input": ... }

---

je sais pas trop pourquoi, mais ça marche ! ;)
(je maîtrise pas encore tout hein :))

Merci à vous,
En espérant que ça puisse servir

NikoBe

getElement = va chercher élément ...
si tu ne lui dit pas où aller le chercher ... sur le document par exemple ... :mrgreen: