getElementById avec string+variable

Bonjour,

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

J'ai essayé avec :

Code:

---

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

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

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

sinon, tu peux essayer :

Code:

---

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

---

Ca a l'air de marcher chez moi.

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

Code:

---

1 2 3

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

---

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

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:

---

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; }

---

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

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...

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

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

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 ?

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

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 ?

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

Code:

---

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>

---

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

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.

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

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

passe par le onload du body ...