js nom de variable dont la fin est inconnue

Version imprimable

Bonjour,

Je ne trouve pas de documentation du tout...

Savez vous comment faire en js pour pouvoir effectuer une action sur un contrôle dont le nom n'est connu que par le début.

Je m'explique :

via cette ligne par exemple

Code:

document.getElementById('nomvariable'*).disabled=true

Ici je voudrai donc rendre inaccessible tous les objets dont l'id commence par 'nomvariable' et qui possède un nombre de caractères inconnu à la suite.

Plutôt que de faire cela :
Code:

1 2 3 4 5 6 document.getElementById('nomvariable1').disabled=true document.getElementById('nomvariable2').disabled=true document.getElementById('nomvariable3').disabled=true document.getElementById('nomvariable4').disabled=true document.getElementById('nomvariable5').disabled=true ....
Merci d'avance.

Necro27

10/02/2011, 15h00
SpaceFrog

j'ai posté une solution il y a quelques temps dans les contributions
http://www.developpez.net/forums/d75...tElementsByReg
10/02/2011, 15h13
nec27

Bonjour, merci pour l'orientation, mais je n'arrive pas à l'adapter...

Citation:

Voici la syntaxe pour les expressions par defaut simplifiée pour le premier paramètre il doit être un string du type
*mot pour commence par mot
mot* pour finit par mot
*mot* pour continent mot
*mot|mot* pour commence ou finit par ...
ou toute autre combinaison de * et |

tout d'abord, c'est différent du sql ?

donc normalement

Code:

document.getElementById('*btnajoutssfamille').value='-';

devrait fonctionner, dans le sens où l'id commence par 'btnajoutssfamille' ?

J'avoue avoir du mal à adapter, je continu de tester :s
10/02/2011, 15h16
SpaceFrog

Code:

document.getElementById('*btnajoutssfamille').value='-';

NON !
comme expliqué cela retourne une collection d'objets !!!
il te faut boucler sur la collection pour recupérer individuellement les value

humm ça me fait peur je comprend pas du tout...

Enfin l'idée de la boucle ok, mais à part ça..je suis plutôt novice...

Bon j'essaie de bien comprendre,

Je fais une boucle pour récupérer toutes les valeurs existantes, et ensuite j'utilise la fameuse étoile ?
Citation:
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 26 27 28 <script type="text/javascript"> document.getElementsByReg=function(reg,attr){ var tabReg=new Array(); var tabElts=document.body.getElementsByTagName('*'); var TEL=tabElts.length; if(!(reg instanceof RegExp)){ if(reg.indexOf("*")>-1){ reg=reg.replace(/\*/g,'.+'); reg=new RegExp(reg); } else {return tabReg; } } i=0; while(tabElts[i]){ if(tabElts[i][attr]){ if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);} } i++; } return tabReg; } </script>
C'est donc sur ce code que je doit m'orienter ? il faut autant de choses pour faire une si petite chose..

j'avoue être largué mais d'une force, je ne comprend pas le fonctionnement de ce code...

10/02/2011, 15h45
SpaceFrog

:roll:

non getElementsByReg récupère une collection d'objets ...
en l'occurence tout ceux dont l'id commence par ...

il faut boucler sur la collection pour recupérer le value de chacun de ses objets ...
10/02/2011, 16h13
nec27

Ok merci ^^ mais je ne voie même pas comment récupérer la collection d'objets..

J'ai un peu pour ne pas dire beaucoup de mal à comprendre tout ce qui peut être collection ou dictionnaire d'objets.

Le code en lui-même je tente de le déchiffrer en vain, serait t'il possible peut être d'avoir un minimum de commentaires sur ce code ?

en ce qui concerne les cases à cochées :

Code:

<input type="checkbox" name="check" id="check'.$ligne_famille['id_famille'].'" value='.$ligne_famille['id_famille'].' onchange=affiche_ss_famille('.$ligne_famille['id_famille'].','.$_POST['idtypemateriel'].') />

voilà un peu de code, mais je bloque complètement. c'est la partie php bien entendu, mais en terme de js, je ne vois pas comment faire cette collection...

Bref, merci quand même d'avoir répondu.
10/02/2011, 16h24
SpaceFrog

la fonction retourne la collection d'objets !!

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 26 27 28 29 30 31 32 33 34 35 function test{ document.getElementsByReg=function(reg,attr) { var tabReg=new Array(); var tabElts=document.body.getElementsByTagName('*'); var TEL=tabElts.length; if(!(reg instanceof RegExp)) { if(reg.indexOf("*")>-1) { reg=reg.replace(/\*/g,'.+'); reg=new RegExp(reg); } else { return tabReg; } } i=0; while(tabElts[i]) { if(tabElts[i][attr]) { if(reg.test(tabElts[i][attr])) { tabReg.push(tabElts[i]); } } i++; } return tabReg; } }
Déjà, le code ci-dessus, n'est que le contenu d'une fonction qui n'éest pas nommée, où le code est à insérer tel quel dans ma page .js où document.get.....etc est la première ligne ?
Oui je bloque vraiment sur le tout début du problème...
Sinon, je n'ai pas à toucher à ce code alors ? j'essaie vraiment de comprendre, pardon de ne pas être expert en la matière...

Citation:

non getElementsByReg récupère une collection d'objets ...
en l'occurence tout ceux dont l'id commence par ...

Citation:

document.getElementsByReg(/rub/,'i d','li');
1er argument, le sélécteur css,
2eme, le nom de l'attribut à tester,
enfin en option le nom du tag , le type de l'élément

Donc sachant que le name de mes checkbox est 'check', je met check ou ? Il faut bien spécifier quelque part le name check....?

je ne comprend pas comment l'utiliser, je suis même en train de me demander si ce n'est pas un simple appel..

Si possible une réponse un peu plus explicative ?
Ce qui semble être super simple pour certain peut être compliqué pour d'autre.
Et j'avoue bien faire partie des autres sur ce cas...

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script type="text/javascript">
 
document.getElementsByReg=function(reg,attr){
var tabReg=new Array();
var tabElts=document.body.getElementsByTagName('*');
var TEL=tabElts.length;
if(! (reg instanceof RegExp)){return tabReg;}
i=0;
while(tabElts[i]){
		if(tabElts[i][attr]){
 
	         if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);}
	         }
	i++;         
	}
return tabReg;
}
 
function foo(){
 
var tabdiv=document.getElementsByReg(/^mondiv/,'id')
var liste=""
var i=-1;
while(tabdiv[++i]){
liste+="le div "+tabdiv[i].id+" contient =>"+tabdiv[i].innerHTML +"\n"
}
alert(liste)
}
</script>
 
 
</head>
 
<body onload="foo()">
<div id="_3">
<div id="mondiv1">truc contenu dans mondiv 1 </div>
<div id="mondiv2">truc contenu dans mondiv 2</div>
<div id="madiv3">truc contenu dans ma div3</div>
<div id="madiva">truc contenu dans madiva</div>
<div id="mandiv5">truc contenu dans mandiv5</div>
<div id="mondivb">truc contenu dans mondivb</div>
</div>
 
</body>

11/02/2011, 09h14
nec27

Bonjour à tous, bonjour SpaceFrog,

Tout d'abord merci de la patience, j'ai adapté ce code à mon cas et il fonctionne très bien.

Je pense qu'hier une bonne pause aurais été nécessaire car je remarque que je n'avais pas les idées claires du tout...

Sur ce très bonne journée à toi, et un bon courage avec les énergumènes tels que moi (je l'avoue).

Nec27
11/02/2011, 09h34
SpaceFrog

;) y'a des jours comme ça ...