Lister les ids d'une page HTML

Version imprimable

19/03/2010, 10h28
djibril

Lister les ids d'une page HTML
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:

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
19/03/2010, 10h39
andry.aime

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

A+.
19/03/2010, 11h09
Bovino
Sinon, tu peux aussi faire comme ça (en supprimant les 0 en préfixe) :
Code:

1 2 3 4 5 var i = 0; while(document.getElementById('decimal'+i){ // Traitement ici i++; }
19/03/2010, 11h20
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 ?
19/03/2010, 11h29
andry.aime

Citation:

Envoyé par djibril

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 ;).
19/03/2010, 11h35
E.Bzz

Citation:

Envoyé par andry.aime

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+

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:

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.

19/03/2010, 12h22
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 :aie:
Tu peux déjà restreindre la liste avec

Code:

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

A+
19/03/2010, 12h23
djibril

c'est vrai :ccool:
19/03/2010, 12h27
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