[DOM] lancer une fonction javascript dans un lien HTML

Salut j'ai un probleme que j'arrive pas a resoudre, je voudrais creer un liens qui execute une fonction javascript lorsqu'on clique dessus plutot de lancer un saut sur une autre page. :aie:
J'ai utilise l'evenement onCLick= function() et un saut internet href="#" mais ca ne marche pas vous avez une idee pourquoi ? :oops:

voici le code que j'ai fait :

Citation:

---

...
document.getElementById("idDiv").innerHTML= "<a"+" href='#'"+" onClick='fonction();'>"+"lien"+"</a>";
...

---

Merci par avance ;) :mrgreen:

Parceque créer des objet et leur attribuer des evènements en passant par un innerHTML c'est ******* (censuré )

Utilise le DOM ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id='idDiv'></div> <script type='text/javascript'> function fonction(){alert('ça marche')} var lien=document.createElement('a') lien.href="#" lien.onclick=function(){fonction()} lien.innerHTML="lien"   document.getElementById("idDiv").appendChild(lien) </script> </body>

---

merci pour l'info mais etrangement le code que tu a donne permet d'afficher les liens mais execute automatiquemement l'evenement onClick. Ce qui est facheux si le place dans une boucle ou plusieurs liens sont ainsi genere.
Je ne comprend pas pourquoi la fonction est appele automatiquement :(

En fait j'avais fait une erreur dans mon code la boucle ecrasait l'occurence du noeud et conservais que la derniere ... mais comment differencier les nom des noeud dans une boucle ?

differencier le nom des noeuds ? j'ai pas compris .. tu peux nous montrer ton code ?

voici un lien sur une page qui contient le code avec plusieurs tentatives en commentaire

bonjour,

je crois que ceci peut t'apporter un élément de réponse :
http://javascript.developpez.com/faq...lick.dynamique

Merci de vos reponse ...
J'ai enfin trouve une solution, comme d'ab on me l'a souffle mais je l'utilisait mal ...
Mon erreur se trouve dans l'appel du script javascript que je fait dans le href du lien:
Citation:
href="Javascript:Reponse(reponse['+laquestion[i+1]+']);">'+laquestion[i]+"<\/a>"+"<br>";

donc le classique bien utiliser les guillemets de maniere approprie