GetElementById() avec un Id dynamique

Version imprimable

Bonjour,

Je fais un GetElementById en Javascript sur un Id Dynamique et je me retrouve un peu coincé car j'ai une erreur qui dit :

document.getelementbyid a une valeur null ou n'est pas un objet.

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var debut_id = "dgdListeFicheMensuelle__ctl"; var fin_id = "_Check"; for (i=1; i<n; i++) { if(document.getElementById(debut_id+i+fin_id).checked = false) { document.getElementById('dgdListeFicheMensuelle__ctl1_CheckAll').checked = false; } }
Est-ce bien comme cela qu'on gère la concaténation ?

Code:

document.getElementById(debut_id+i+fin_id)

Merci pour vos remarques ...

19/06/2008, 20h22
Auteur
bonjour,

la syntaxe de concaténation est correcte, mais :
Code:

1 2 if(document.getElementById(debut_id+i+fin_id).checked == false)
c'est == dans un test

Ok merci beaucoup. Ta réponse m'a permi de résoudre un autre souci que j'avais.

Par contre en ce qui concerne ma fonction elle ne fonctionne toujours pas.

Ma situation :
J'ai une colonne de checkbox dans un DataGrid avec une checkbox dans le header de ma colonne.
Lorsque je coche la checkbox dans le header toutes mes autres checkbox se cochent et quand je décoche elles se décochent.
Ceci marche nikel.
Voici mon code pour ceux que ca intéresse:

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
function CheckAllDataGridCheckBoxes()
        {                   
				//list des input dans un conteneur précis
				var listInput = document.Form1.document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
				var n = listInput.length;
				var i;
 
 
                if (document.getElementById('dgdListeFicheMensuelle__ctl1_CheckAll').checked == true)
                {
					//alert('ca passe');
 
					for (i=0; i<n; i++)
						{
							//on ne garde que les checkbox
							if (listInput[i].type.toLowerCase()=="checkbox")
								{
									//alert('ca passe');
									listInput[i].checked = true;
 
								}
						}
 
                }
 
                if (document.getElementById('dgdListeFicheMensuelle__ctl1_CheckAll').checked == false)
                {
					//alert('ca passe');
 
					for (i=0; i<n; i++)
						{
							//on ne garde que les checkbox
							if (listInput[i].type.toLowerCase()=="checkbox")
								{
									//alert('ca passe');
									listInput[i].checked = false;
 
								}
						}
 
                }               
 
        }

Par contre maintenant ce que je cherche à faire c'est de pouvoir décocher ma checkbox qui se trouve dans mon header dès qu'une checkbox de ma colonne est décochée.
Pour l'instant voici mon code:

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
function DecocherCheckAll()
        {
			//list des input dans un conteneur précis
				var listInput = document.Form1.document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
				var n = listInput.length;
				var i;
				var debut_id = "dgdListeFicheMensuelle__ctl";
				var fin_id = "_Check";
 
				for (i=0; i<n; i++)
						{
							//on ne garde que les checkbox
 
 
									if(document.getElementById(debut_id+i+fin_id).checked == false)
 
									//{
 
									//}
 
									//if(listInput[i].checked = false)
									{
									document.getElementById('dgdListeFicheMensuelle__ctl1_CheckAll').checked = false;
									}
 
 
						}
 
 
        }

Sachant que dans mon code source de ma page html j'ai mes checkbox qui ont des ids du style:

Code:

1
2
3
4
5
6
 
id="dgdListeFicheMensuelle__ctl2_Check"
id="dgdListeFicheMensuelle__ctl3_Check"
id="dgdListeFicheMensuelle__ctl4_Check"
id="dgdListeFicheMensuelle__ctl5_Check"
etc ...

Vois-tu d'où pourrai venir le souci ?

C'est bon j'ai résolu mon pb.

Voici le code qui fonctionne:

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 DecocherCheckAll()
        {
			//list des input dans un conteneur précis
 
				var i;
				var debut_id = "dgdListeFicheMensuelle__ctl";
				var fin_id = "_Check";
				var listInput = document.Form1.document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
				var n = listInput.length;
 
				for (i=1; i<n; i++)
						{
							//on ne garde que les checkbox
 
									if (listInput[i].type.toLowerCase()=="checkbox")
									{
									if (listInput[i].checked == false)
									document.getElementById('dgdListeFicheMensuelle__ctl1_CheckAll').checked = false;
									}
 
 
						}
 
 
        }

20/06/2008, 12h13
Auteur
Code:

1 2 var listInput = document.Form1.document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
j'aurais écrit :
Code:

1 2 var listInput = document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
pour moi document.Form1 est superflu car tu accèdes à un élément par son id. Or un id est unique dans la page. Donc préciser que l'élément ciblé se trouve dans Form1 est inutile.
20/06/2008, 14h51
chrislcf

Pas faux ça marche pareil ! :)