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

**NikoBe** · 31/10/2006, 14h58

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 :

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

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 !

**Auteur** · 31/10/2006, 15h07

bonjour,

je dirais plutôt :

Code :

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

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

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

**denisC** · 31/10/2006, 15h44

Envoyé par Auteur

bonjour,

je dirais plutôt :

Code :

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

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

Ben moi, je dirais plutot:

Code js :

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

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....

**FremyCompany** · 31/10/2006, 15h55

Attention, vous confondez tagName et type...

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

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

**FremyCompany** · 31/10/2006, 15h59

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
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;
}

**NikoBe** · 01/11/2006, 13h35

Youhouuu

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

Merci beaucoup à vous !

NikoBe

**NikoBe** · 01/11/2006, 15h26

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

**FremyCompany** · 01/11/2006, 15h38

Normalement ca devrait marcher sur IE aussi.

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

**NikoBe** · 02/11/2006, 09h22

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

mais dans le contexte, ça donne ça :

Code :

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

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 :

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

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 ..

**NikoBe** · 02/11/2006, 11h15

Ca marche beaucoup mieux en faisant :

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
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":

...

}