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
 UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|