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