Discussion :

[BruceBoc]

Bonjour,
Dans ma page web, les liens sont créés dynamiquement en fonction d'un tableau json.
Par contre, je souhaite que chaque clic sur un lien appel une fonction qui reçoive en argument le nom du lien qui l'a appelé.
Le debugger n'aime pas, quelque soit l'élément cliqué, il essaye d'accéder à myJson.liens[102].nom alors que le tableau ne fait que 101 éléments.
Voici un condensé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
for (var i = 0; i < getCount(myJson.liens); i++) {
    var newLink = document.createElement('a');
    newLink.innerHTML = myJson.liens[i].nom;
    newLink.onclick = function() {sendToVB(myJson.liens[i].nom);};
    document.getElementById(menu).appendChild(newLink);
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function sendToVB(linkToOpen){
	console.log(linkToOpen);
}

Merci d'avance

[headmax]

Salut tu dois dans ta boucle faire appel lors de la création de l'événement onclick a this "lui même" : j'ai opté pour textContent car il s'agit d'un texte simple sans html puisqu'il existe pas encore dans le DOM <ELEMENT_HTML ATTRIBUT="VALEUR">TEXTCONTENT</ELEMENT_HTML>, dans ton cas tu as créé ton ELEMENT_HTML en utilisant createElement donc innerHTML dans ce cas de figure ne sert à rien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
for (var i = 0; i < getCount(myJson.liens); i++) {
    var newLink = document.createElement('a');
    newLink.textContent = myJson.liens[i].nom;
    newLink.href = myJson.liens[i].url; //si tu as l'url a faire passer
    newLink.onclick = function() {sendToVB(this.textContent);};
    document.getElementById(menu).appendChild(newLink);
}

[BruceBoc]

Impeccable, ça marche nickel.

Merci beaucoup