Accueil > Forum > > > > Problème pour associer une fonction à un onclick
 Problème pour associer une fonction à un onclick
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ée 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
|
Derniers Blogs
 TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|