Discussion :

[djibril]

Bonjour,

Je souhaite lister les id d'une page HTML, comment faire ?
Le but de ma question est la suivante : J'ai un code HTML dans lequel j'ai plusieurs input de type text. Ces derniers ont déjà un name spécifique définit. Pour certains je fais une vérification de validité du texte tapé par l'utilisateur (par exemple, vérifier que le texte rentré est bien un entier. Je souhaiterais faire de même pour d'autres champs dont l'attribut name est déjà pris. Je me suis donc dit que je pourrais leur appliquer un id se nommant par exemple decimal1.
Ex :

Code :

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

1
2
<input type="text" name="prix01" id="decimal01" />
<input type="text" name="prix02" id="decimal02" />

Ainsi, dans mon javascript, je souhaite pouvoir lister tous les id de type decimalXX afin de faire ma vérification. Existe il une méthode javascript pour lister les id de ma page ? Si non, est possible de procéder autrement ou avez vous une autre idée de conception ?

Merci

[andry.aime]

Bonjour,
Spaffy a fait un script pour ça : getElement(s)ById filtré par une regExp

A+.

[Bovino]

Sinon, tu peux aussi faire comme ça (en supprimant les 0 en préfixe) :

Code :

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

1
2
3
4
5
var i = 0;
while(document.getElementById('decimal'+i){
    // Traitement ici
    i++;
}

[djibril]

Je vais tester vos 2 réponses.
Par contre Bovino, ta méthode implique de vérifier un certain nombre d'id qui peuvent ne pas exister. non ?

[andry.aime]

Par contre Bovino, ta méthode implique de vérifier un certain nombre d'id qui peuvent ne pas exister. non ?

Dès que la boucle while rencontre un id qui n'existe pas, elle s'arrète .

[E.Bzz]

Dès que la boucle while rencontre un id qui n'existe pas, elle s'arrète .

+1

Ce qui implique qu'il n'y ait pas de trous dans la numérotation (pas de suppressions dynamiques) ...

A+

[djibril]

Sauf que j'ai des situation où ça le hle tourne dans le vide car il n'y a pas de id à decimal 01 par exemple.

J'ai opté pour cette solution

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
    // Vérification que les id de type decimalXX soit bien des décimales
    var LesTags = document.body.getElementsByTagName('*');
    var NombreElts     = LesTags.length;
    var regex_champ_decimal  = /^decimal\d\d$/;
    var regex_valeur_decimal = /^\d+,\d\d$/;
 
    for( var nbr_tag = 0; nbr_tag < NombreElts; nbr_tag++) {
      var mon_id = LesTags[nbr_tag]['id'];
      if ( regex_champ_decimal.test( mon_id ) && !regex_valeur_decimal.test( document.getElementById( mon_id ).value )  ) {
        alert( mon_id );
       }
    }

J'ai juste un souci car il me trouve 8 fois le même id decimal01 alors qu'il n'est présent qu'une seul fois dans ma page.

[E.Bzz]

Par contre, là tu as intérêt à ce que ta page ne soit pas trop chargée par ailleurs, sinon, comme tu parcours tous les éléments de ta page, va y avoir un sérieux freeze
Tu peux déjà restreindre la liste avec

Code :

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

var LesTags = document.body.getElementsByTagName('input');

A+

[djibril]

c'est vrai

[djibril]

Bon c'est ok. J'avais mis mon code dans un for, donc dans un mauvais emplacement, d'où la répétition.

Merci à tous