faire un onclick sur un Href.

Version imprimable

14/04/2011, 17h29
prugne

faire un onclick sur un Href.
Bonjour,
j'ai un lien href et quand l'utilisateur veut cliquer dessus : je dois mettre un message :

j'ai fait ceci :
Code:

1 2 3 function showMessage() { alert('Veuillez vousxxxx?'); }
et le lien est :

Code:

<a href="'+nodeTree[i].url+'" target="'+nodeTree[i].target+'" onclick="showMessage()">

est-ce correct car cela ne fonctionne pas du tout.
merci d'avance.
14/04/2011, 18h30
NoSmoking

Citation:

est-ce correct car cela ne fonctionne pas du tout.

comment est construit ta ligne, il semblerait que tu mélanges HTML et javascript!
d'où sortent nodeTree[i].url et nodeTree[i].target
14/04/2011, 22h13
prugne

reponse

ce sont des fonctions dans javascripts.

Essaye de tester cela
Code:

1 2 3 4 5 6 <script> function showMessage() { alert('Veuillez vousxxxx?'); } document.write('<a href="#" onclick="showMessage()">link</a>') ; </script>
si ça fonctionne ajoute tes 2 variables une par une et fait un test pour savoir d'ou vient le problème , cad écrit ça et tester :
Code:

1 2 3 4 5 6 <script> function showMessage() { alert('Veuillez vousxxxx?'); } document.write('<a href="'+nodeTree[i].url+'" onclick="showMessage()">link</a>') ; </script>
si ça fonctionne , essaye ceci :
Code:

1 2 3 4 5 6 <script> function showMessage() { alert('Veuillez vousxxxx?'); } document.write('<a href="'+nodeTree[i].url+'" target="'+nodeTree[i].target+'" onclick="showMessage()">link</a>') ; </script>
et n'oublie pas que dans les 2 derniers cas , il faut que les variables mis dans href et target soient prédéfinis.

tu ne peux pas utiliser des données javascript hors d'un contexte javascript.
il te faudrait écrire...
Code:

1 2 3 4 <script type="text/javascript"> var html = '<a href="' +nodeTree[i].url +'" target="' +nodeTree[i].target +'" onclick=\"showMessage()\">' document.write( html); </script>
et la cela devrait fonctionner, mais c'est pas grand top :o(

il vaut mieux procéder comme suit en ajout dynamique lorsque le DOM est construit
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> <head> </head> <body> <a id="lien_0" href="" target="" onclick="alert(this.href);"></a><br> <a id="lien_1" href="" target="" onclick="alert(this.href);"></a> <script type="text/javascript"> // les donnees var Data = [ { href : 'page1.html', target : '_blank', value : 'le lien #1' }, { href : 'page2.html', target : '_blank', value : 'le lien #2' } ]; // initialisation var i, oLien, nb = Data.length; for( i = 0; i <nb; i++){ // recuperation lien via son ID oLien = document.getElementById('lien_' +i); // affectation oLien.href = Data[i].href; oLien.target = Data[i].target; oLien.innerHTML = Data[i].value; } </script> </body> </html>
Le mieux reste de le faire coté serveur en PHP par exemple.

Nota :
les événements dans les balises attendent des actions javascript donc pas de problème de contexte dans ce cas, donc tu pourrais écrire

Code:

<a id="lien_0" href="" target="" onclick="alert(Data[0].href);">

sans problème

15/04/2011, 09h02
prugne

Merci

merci des explications.
Cela fonctionne bien, j'arrive à avoir mon message lorsque je clique sur le lien.
Merci encore