Manipulation d'un tableau dans une page html

Bonjour,

J'ai un tableau de chaines de caractères et j'aimerais afficher chaque éléments ligne par ligne et avoir la possibilité de cliquer dessus pour effectuer une action (récupérer le nom de la chaine et l'envoyer à une fonction dans ce cas). Pour le moment j'arrive juste à les afficher sur ma page les uns à la suite des autres séparé par une virgule (cf l'image ci-dessous)

Pièce jointe 193625

Merci pour votre aide :)

Parcoures le tableau pour créer des balises a ou des balises avec une class spécifique auxquelles tu rajouteras des évènements ..

C'est bizarre car quand par exemple je test avec ça:

Code:

---

1 2 3 4 5 6 7 8 9

var i = 0; while (i != variables.length) { var var_list = document.createElement("a"); document.getElementById("view").appendChild(var_list); var_list.onclick = function(){alert('it\s work !');}; console.log(variables[i]); i++; }

---

Je n'ai aucune erreur mais rien ne se passe mise à part le console.log :s

http://fiddle.jshell.net/kkfcgxpj/1/

Merci ^^ Par contre j'étais déjà tombé sur cette solution (innerHTML)mais 90% des gens déconseillaient de l'utiliser :s Après ça marche comparé à mon test ^^

Citation:

---

mais 90% des gens déconseillaient de l'utiliser

---

heu tu ne confondrais pas avec document.write ???

je ne vois pas en quoi il serait déconseillé d'utiliser innerHTML ...

Voici des citations de certains devs concernant innerHTML:

Citation:

---

"innerHTML c'est moche peut lisible et pas modulable c'est un peut comme du flash dans une page sa n'a rien a voir avec javascript "

"innerHTML (et rappelons que Microsoft était aussi l'heureux inventeur d'un innerText) est une aberration qui continue à être tolérée par l'ensemble des browsers; propriété magique par excellence, elle te permet d'écrire les bêtises suivantes:
"

"Bon puisqu'on se lance dans un débat théorique, je vais ajouter mon grain de sel

Personnellement, bien qu'il m'arrive d'utiliser innerHTML comme beaucoup, je me range à l'avis de javatwister.
D'une part parce qu'il s'agit à la base d'une instruction propriétaire (reste à comprendre pourquoi innerHTML est devenu répandu et pas innerText, outerHTML ou outerText), mais aussi et surtout parce que comme le fait remarquer judicieusement javatwister, ça implique de mélanger des notions d'architecture DOM et du texte, en gros, ça revient à inventer l'addition de pommes et de poires si chère aux institutrices de mon enfance !

Enfin, lorsqu'on mélange les méthodes du DOM (createElement, appendChild, removeChild etc.) avec innerHTML on obtient des effets de bord assez surprenants puisqu'au final, c'est IE qui se met à planter !"

---

Oulà mais tu as déterré des post de 1912 là ...


en plus là il s'agit juste de mettre du contenu text ...
l'element DOM lui est inséré avec appendChild ...

Les discussions font référence à l'insertion de code html (balises ...) au moyen de innerHTML
Tu n'as aucune crainte à avoir en utilisant innerHTML pour insérer du texte dans un span

Ok ^^ Et bien je te remercie pour ton aide :D