|
Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
Sujet : Problème pour associer une fonction à un onclick [ CSS / Général ] (takinelinfo)
Informations & options pour cette discussion
mardi 1 juillet 2008 à 21:26:52 |
Problème pour associer une fonction à un onclick

takinelinfo
|
Bonsoir, Je vais essayer de vous donner un autre exemple que le post précédent. Voici une fonction toute bête: <html> <head> <script type="text/javascript"> function init_lien() { var tab_lien = document.getElementsByTagName('a'); for(var i=0; i<tab_lien.length; i++) tab_lien[i].onclick=function(){ alert(i); }; } </script> </head> <body onLoad="init_lien();"> <a href="#">Lien 1</a> <a href="#">Lien 2</a> <a href="#">Lien 3</a> </body> </html> Mon problème précédent se résume à celui ci. Comment passer un paramètre à une fonction que l'on veut associer à un onclick. Dans le cas ci dessus (pas besoin de serveur web pour le tester), comment faire pour que l'on ai: clic lien 1 -> affiche "1" clic lien 2 -> affiche "2" clic lien 3 -> affiche "3" Actuellement j'ai clic lien 1 -> affiche "3" clic lien 2 -> affiche "3" clic lien 3 -> affiche "3" Bien entendu cette fonction n'est la que pour illustrer, et elle ne sers à rien.
|
|
|
mercredi 2 juillet 2008 à 08:19:44 |
Re : Problème pour associer une fonction à un onclick

nicomilville
|
Salut, Pour associer une fonction a un click sur un element tu as plusieurs solutions que voici : element.onclick = function() { ... } element.attachEvent('onclick',function() { ... }); // exclusif IE element.addEventListener('click',function() { ... },false); a++ Si la réponse vous convient, pensez : Réponse acceptée ! 
|
|
|
mercredi 2 juillet 2008 à 09:55:49 |
Re : Problème pour associer une fonction à un onclick

Zobibol
|
Bonjour, le principe est de stocker la valeur sur le tag ( enfin, le principe que j'ai trouvé et que j'utilise bien souvent) du coup pour l'exemple, on obtiendrait un truc :
<html> <head> <script type="text/javascript"> function init_lien() { var tab_lien = document.getElementsByTagName('a'); for(var i=0; i<tab_lien.length; i++){ // stockage de la valeur sur le lien // ajoute 1 à i car, le i commençant à 0 l'affichage comme demandé dans l'exemple commencerait par 0. tab_lien[i].storeValue = i + 1 ; tab_lien[i].onclick=function(){ alert(this.storeValue); }; } } </script> </head> <body onLoad="init_lien();"> <a href="#">Lien 1</a> <a href="#">Lien 2</a> <a href="#">Lien 3</a> </body> </html>
cela conviendrait-il ?
|
|
|
mercredi 2 juillet 2008 à 10:19:51 |
Re : Problème pour associer une fonction à un onclick

ralecul
|
Salut,
La solution n'est pas si facile que ça à comprendre...
function init_lien() { var tab_lien = document.getElementsByTagName('a'); for(var i=0; i<tab_lien.length; i++) tab_lien[i].onclick=function(index){ return function() { alert(index+1);}; }(i); }
Si tu veut comprendre comment ça marche il faut que tu te documentes sur les closures. La solution proposé par Zobilol est fonctionnelle mais elle n'est pas satisfaisante car elle ajoute un attribut à l'élément sur lequel tu ajoutes un event listener. Il serait également plus "conforme" d'utiliser la méthode DOM-2 d'ajout d'event plutôt que la méthode DOM-0.
DOM-2 : element.addEventListener('click', toto, false) || element.attachEvent('onclick', toto) DOM-0 : element.onclick = toto;
|
|
|
mercredi 2 juillet 2008 à 10:34:08 |
Re : Problème pour associer une fonction à un onclick

nicomilville
|
Salut ralecul, C'est étonant que tu n'est pas citer prototype et sa methode : Event.observe(); a++ Si la réponse vous convient, pensez : Réponse acceptée ! 
|
|
|
mercredi 2 juillet 2008 à 10:55:15 |
Re : Problème pour associer une fonction à un onclick

ralecul
|
Nicomilville : C'est juste que j'en ai marre de me répéter ;-) @+
|
|
|
mercredi 2 juillet 2008 à 11:09:50 |
Re : Problème pour associer une fonction à un onclick

nicomilville
|
lol, oui, je te comprend ! a++ PS : petit conseille si tu veus pas le répèter, met le en signature, lol ! Si la réponse vous convient, pensez : Réponse acceptée ! 
|
|
|
Cette discussion est classé dans : affiche, fonction, clic, lien, onclick
Répondre à ce message
Sujets en rapport avec ce message
pb avec un lien [ par ASPerix ]
bonjour,j'utilise la fonction suivante: function LmUp(path) { location.href = path; }Je voudrai que cette fonction redige ver
empecher clic multiple sur un lien pour lea soumission d'un formulaire [ par jesaispo ]
Bonjour,Dans le cadre de mon travail je suis confronter a un probleme :je dois empecher des clic multiples sur un lien qui envoie un formulaire.proble
Ecrire un code Javascript dans un "tut" Javascript ? [ par honolulu ]
Salut,Je suis en train de creer un "tut" de la manière suivante : j'ai fait un array (a, b, c, d), créé une fonction affiche () {document.form.textare
aide onclick [ par EFFACEUR ]
BonjourJ'aurais aimé savoir si il serait possible de mettre ONCLICK dans une iframe :<iframe border=0 frameborder=0 height=60 width=480 name="publicit
Envoi d'un parametre avec clic sur un lien [ par daddycool ]
Bonjour, j'ai une image avec des lettres alphabétiques. Sur cette image je fais des zones réactives sur chaque lettre; qui me redirige sur une page en
recuperation, suivre clic lien [ par benoit02 ]
je suis entrain de creer un cd interactif avec un lien sur un site internet. comment faire pour savoir au niveau des stats de mon site, les personnes
setTimeout en cours??? [ par rttb ]
Salut, Je lance un : q=setTimeout(fonction,1000) par une fonction appelee par un lien.si je click 2 fois sur le lien, le timer est demarre deux fois.J
[JS]Simuler l'appuis sur un lien [ par Sarvok ]
Hello tous,J'ai encore besoin de vous !En fait, j'ai fait un tit script qui me permet de changer des descriptions et des prixs, dans une page, sans ch
clic sur les objets [ par Pascalili ]
Dans un formulaire, j'ai plusieurs zones de saisie : des inputs, un textarea, des select...Je voudrais savoir le nom de l'objet sur lequel je clique.M
Lien javascript [ par yoyo ]
Salut tout le monde,g un petit pb,g un lien qui est une image et quand je clique dessus, je lance une fonction javascript.Sur IE, pas de probleme mais
Livres en rapport
|
Téléchargements
Logiciels à télécharger sur le même thème :
|