Discussion :

[oaouh]

Bonjour,

depuis ce matin je cherche � cibler un div ayant pour ID 'divElement'+countElement, countElement �tant une variable.

J'ai essay� avec :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('divElement'+countElement)

mais la console d'erreurs Javascript de Firefox me met que cette expression n'a aucune propri�t�...

quelqu'un a la solution ? Je sais que c'est tout con mais l� je bloque !!!

Merci
C�cile

[SpaceFrog]

non la syntaxe est bonne le probl�me vient d'ailleurs ...

on peut voir le html des elements avec ce type d'id ?

[keul85]

sinon, tu peux essayer :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('divElement'.concat(countElement))

Ca a l'air de marcher chez moi.

[calitom]

sinon tu cr�e une variable dans laquelle tu concatene ta variable et ta chaine:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
var monId='divElement'+countElement;
document.getElementById(monId)

[helios77]

Bonjour,
Si tu d�veloppes des aspx, ou ascx, attention, Microsoft rajoute l'identifiatn de la page avent tout les controle
ex : mapage_moncontrole

Pour en avoirle coeur net, je te conseille d'afficher la source de ta page et de r�cup�re le v�ritable Id de ton �l�ment

[oaouh]

Non �a met toujours que �a "has no properties"...

En fait j'ai un formulaire avec un bouton "Ajouter" qui appelle une fonction javascript, qui cr�e un div avec les infos ('divElement'+countElement) et qui l'envoie dans un TD de tableau. L'utilisateur peut recommencer autant de fois qu'il veut (d'o� le countElement qui s'incr�mente � chaque ajout), la valeur du display par d�faut du div est 'none', et quand il clique sur le lien "afficher", que j'ai mis juste avant le div des infos, le div s'affiche.

Voici mon d�but de code :

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
26
27
28
29
30
31
32
33
 
//HTML
//mon formulaire
//mon bouton input avec onClick="addDeplacement();"
 
//Javascript
var countDeplacement=1;
function addDeplacement()
{
str='<a href="#'" onClick="if (getE(\'divDeplacement'+countDeplacement+'\').style.display==\'none\') { getE(\'divDeplacement'+countDeplacement+'\').style.display=\'\';} else { getE(\'divDeplacement'+countDeplacement+'\').style.display=\'none\'; }">';
// ça ça marche nickel 
 
//c'est là où ça coince, et pourtant c'est pareil qu'en haut sans l'inclusion dans le onClick
	if (getE('divDeplacement'.concat(countDeplacement)).style.display == "none") {
		str+='afficher les détails <img src="img/fleche_noire_bas.gif" alt="fleche"/>';
	} else {
		str+='masquer les détails <img src="img/fleche_noire_haut.gif" alt="fleche"/>';
	}
	str+='</a>';
 
	str+='<div id="divDeplacement'+countDeplacement+'" style="display:none;">';
//affichage des informations remplies dans le formulaire
  	str+='</div>';
 
var td=document.getElementById('tdDeplacement'); //je cible mon TD (qui est, lui par contre, dans le code Html)
  if(td)
  {
	str=td.innerHTML+str;
	td.innerHTML=str;
  }
  countDeplacement++;
  return true;
}

[oaouh]

Pour info, getE revient � document.getElementById, la fonction est plus haut je l'ai pas mise.

[oaouh]

Merci calitom mais j'ai essay� d�j� et �a ne marche pas... �a me met toujours getElementById(monId) has no properties dans la console d'erreur...

[helios77]

ce n'est pas le source du code qui est int�ressant
affiche ta page puis va dans Affichage ==> source et tu auras tout le code html g�n�r� ==> fais une recherche sur le nom de ton controle, et tu verras comment il l'appelle pr�cisemenent

[SpaceFrog]

je n'ai toujours pas vue le code html des �l�ments ...

[oaouh]

helios77 --> J'avais bien compris, mais je ne peux pas voir ma div dans le code Html puisque je la cr�e en javascript...

cf mon code plus haut

SpaceFrog, je ne vois pas de quoi tu parles... peux tu m'�clairer ?

[oaouh]

J'ai compl�t� le code dans mon billet plus haut...

[oaouh]

Oh je crois savoir...
En fait je lui demande de conna�tre la valeur du display de mon div avant m�me de l'avoir cr�� dans le sens du script. Le probl�me pourrait venir de l� non ?

[SpaceFrog]

il n'y a aucun souci avec la syntaxe ... le probl�me vient d'ailleurs ...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<div id="mondiv1">je suis le 1</div>
<div id="mondiv2">je suis le 2</div>
<div id="mondiv3">je suis le 3</div>
<div id="mondiv4">je suis le 4</div>
<div id="mondiv5">je suis le 5</div>
<div id="mondiv6">je suis le 6</div>
<script type='text/javascript'>
for (i=0;i<6;i++){ alert(document.getElementById('mondiv'+(i+1)).innerHTML) }
</script>

[helios77]

j'avais compris
mais si tu fais afficahge du code source de ta page, tu verras comment les autres �l�ments sont nomm�es

Ex:
tu as une txtbox que tu appelle maTxtBox
Si �� se trouve, dans le source, tu verras qu'elle s'appelle maPage_maTxtox
Ainsi, tu connaitras le radical qui te permettra d'acc�der � ta div

[oaouh]

Ah ! Non je n'ai pas ce probl�me. C'est d'ailleurs la premi�re fois que j'en entend parler !!!

Merci SpaceFrog, en effet, tout est bon dans ma syntaxe. Comme dit plus haut, je pense que c'est parce que je lui demande de savoir quel est le display d'un div que je cr�e seulement quelques lignes apr�s (cf mon code plus haut)...

Il faut que je fasse le test autrement.

[oaouh]

Je pense que le probl�me venait effectivement de l�.
Merci en tout cas pour votre aide. Je passe le topic en r�solu.

�+
C�cile

[SpaceFrog]

ton objet n'est donc pas instancio� au moment ou tu l'appelles ...

passe par le onload du body ...