begin process at 2012 02 13 19:18:22
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Problème pour associer une fonction à un onclick


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
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

Membre Club
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


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,449 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales