Pb avec event HandlerRésolu

Question

Bonjour, j'ai un probl&#232;me avec la declaration d'un de mes events. Plutot qu'un long discours, voici le code qui pose probl&#232;me.



            function window_onload() 

            {

                for (var i=0; i < 11; i++ )

           
       
document.getElementById("Note").getElementsByTagName("img")[i].onmouseover
= function(){Note(i);};

            }



Ensuite lorque je fais passe sur une image, ca me met sur n'importe
laquelle de celle ci, la valeur 11, je change la valeur de {Note(i);}
par {Note(2);} et ca m'assigne logiquement 2



Cela se produit aussi bien sous IE que sous Firefox, j'ai donc
l'impression, que seul la derniere valeur est pris en compte dans mon
code pour toutes les images :(



Auriez vous une id&#233;e quand &#224; la r&#233;solution du probl&#232;me ? 



Merci

<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

cs_roro06 · Accepted Answer

Bonjour Explication du probleme : ta fonction Note reçoit la valeur de i au moment ou l'évènement se produit. Pour t'en convaincre, après ta boucle for, rajoutes i=555 et testes : ta fonction affichera à chaque fois 555 J'ai déjà m***é sur un problème similaire y'a pas longtemps, voici une solution de remplacement : function Nn(evt) { var obj=null; obj=(document.all)?window.event.srcElement:evt.target; alert(obj.alt); } function window_onload() { //Nn(); for(var i=0; i < 11; i++) { document.getElementById("Note").getElementsByTagName("img")[i].onmouseover = Nn ; } } //--> Pour ce qui est du HTML : Notes ( J'ai renommé la fonction Note car il y à déjà un div appelé ainsi, question de "convenance personnelle") Cordialement Roro webDev

coucou747 · Answer

document.getElementById("Note").onmouseover
= function(){Note(i);};


mets des id dif&#233;rents...

ou alors trouves une identification plus pratique...

pe celle l&#224; :

document.getElementById("Note").images.onmouseover
= function(){Note(i);};



In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

jesusonline · Answer

mes elements sont differents. 



document.getElementById("Note").getElementsByTagName("img")[i] 



mes elements n'ont pas d'ID, et je prefere ne pas en mettre cette 
m&#233;thode marche, car je modifie d'autres propri&#233;t&#233; comme ca. mais je ne
comprend pas pourquoi il me change pas ma variable i 




<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

cs_roro06 · Answer

Bonjour

J'aimerais bien voir le contexte, car je ne comprend pas ce qu'est "Note"

Cordialement
Roro webDev

jesusonline · Answer

Note, on peut dire que c'est 

function Note(n)

{

alert(n);

}



Mais voici tout de meme les lignes de code 



            function window_onload() 

            {

                Note();



                for(var i=0; i < 11; i++)

                {

           
           
   
document.getElementById("Note").getElementsByTagName("img")[i].onmouseover
= function(){Note(i);};

                // Ne fonctionne pas non plus

           
    //   
with(document.getElementById("Note").getElementsByTagName("img")[i])

                //    {

           
    //       
if(document.attachEvent)// IE 5+

                //        { 

           
    //       
    attachEvent("onmouseover",function(){Note(i);});

           
    //       
    attachEvent("onmouseout",function(){Note();});

                //        }

           
    //        else if
(document.addEventListener)// DOM 2, NS6+

                //        {

           
    //       
   
addEventListener("mouseover",function(){Note(i);},true);

           
    //       
   
addEventListener("mouseout",function(){Note();},true);

                //        }

                //    }

                }

            }



Pour ce qui est du HTML :





    


        Notes


        

    






Si je met un onmouseover et onmouseout sur chaque img ca fonctionne,
mais je veux quelque chose d'optimis&#233;, il en va pour le bien de tous 



Si je fais un onmouseover sur une image, ca m'affiche 11, si je fais un onmouseout, ca m'affiche bien null



mon probl&#232;me se situe au niveau du 11, j'aurais prefer&#233; le bon num&#233;ro 

<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

coucou747 · Answer

d&#233;ja name n'existe pas en th&#233;orie...



ensuite, le name n'est pas un element de l'id...

In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy

http://coucou747.hopto.org

jesusonline · Answer

Pour r&#233;pondre &#224; coucou747



Je sais que la propri&#233;t&#233; name n'existe pas, je pense que tu me parles
de ca, car j'utilise la fonction getelementbytagname cette fonction
retourne un tableau qui contient toutes mes images de la div Note



Et la fonction est une fonction du DOM : http://fr.selfhtml.org/javascript/objets/document.htm#get_elements_by_tag_name 



Pour roro06, j'avais pas vu ca comme ca 
je comprend la solution de remplacement, mais j'aurais prefer&#233; trouver
mieux :-/  car pour la description c'est pas ce qu'il y a de
mieux, j'aurais prefer&#233; &#234;tre un peu plus "libre" 



mais je vais me contenter de cette solution, ou sinon je vais peut etre essay&#233; en faisant un 

 



En tout cas merci &#224; toi, de m'avoir expliqu&#233; d'ou venait le probl&#232;me 


<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

jesusonline · Answer

Finalement il veut pas avec un star.gif#9 mais accepte un star.gif?9



Je suis pas tres tres dou&#233; en JS, tu peux m'expliquer ca ? 



 var obj=null;
 obj=(document.all)?window.event.srcElement:evt.target;



je sais qu'il y a un if, mais je comprend pas le pourqoi de la chose



c'est bien ca ? 

var s = condition?restultrue:resultfalse;



En relisant, ca voudrais dire qeu si document.all est true alors obj window.event.srcElement sinon obj evt.target ? 



ca sert pour la compatibilit&#233; ? Il me faut que ce que je fasse soit compatible pour tout les navigateurs  comme ca c'est bon ? 




<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

chimelpremier · Answer

essaie ça :

jesusonline · Answer

@chimelpremier 



Ce que tu proposes resoud mon probl&#232;me  
et je pense que c'est  surement plus compatible que de mettre un
event &#224; la vol&#233;e, et puis je prefere que ce soit fait un javascript,
car comme ca, j'ai plus de controle sur ma fonction Note, qui est loin
d'etre une simple alert 



En tout cas merci &#224; vous tous ! 



Il me reste une derniere question :





    



        Notes



    












    



        Notes



    








Pourquoi le premier marche, et pas le deuxieme ? l'evenenement load
n'existe pas sur un div, j'ai mis oninit et ca change rien :(





merci


http://hoshimi.codes-sources.fr/


<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

cs_roro06 · Answer

Bonjour

jesusonline : oui, tout &#224; fait, c'est un test javascript

a=(b)?c:d;  est &#233;quivalent de :
if (b)
   a=c
else
   a=d

Dans le cas pr&#233;sent, c'est bien pour la compatibilit&#233; IE (seul &#224; conna&#238;tre l'objet all) ne conna&#238;t pas la propri&#233;t&#233; target, et mozilla (et consort) ne conna&#238;t pas srcElement.
D&#233;velopper javascript pour tous navigateurs : du pur bonheur !!! 

Cordialement
Roro webDev

cs_roro06 · Answer

Bonjour

Ah ! on s'est crois&#233; !
Deuxi&#232;me question : parceque la balise div ne conna&#238;t pas l'&#233;v&#232;nement onload

Cordialement
Roro webDev

jesusonline · Answer

Si div ne connait pas onLoad, ca veut dire que Whidbey me dit n'importe quoi ??? :'( 



Dommage car pour l'instant, je le trouvais tres tres bien ! 



A la place d'un div, je peux mettre quoi ? j'ai regard&#233; parmis les choses courante, mais je trouve rien avec le onload :( 



Sinon tant pis, je mettrais l'appel a ma fonction apr&#233;s le code html, avec les balises <script


<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

cs_roro06 · Answer

Bonjour

D&#233;sol&#233;, je ne connais pas Whidbey..
Je te confirme que le div ne connait pas le onload (&#224; ma connaissance !)
Mais ta premi&#232;re solution &#233;tait meilleure, et m&#234;me celle propos&#233;e par chimelpremier
(window.onload=window_onload) encore meilleure.

Cordialement
Roro webDev

chimelpremier · Answer

onload="javascript:window_onload()" est un pl&#233;onasme
en HTML4 onload ne peut &#234;tre mis que dans les balises body ou frameset

Pb avec event Handler

15 réponses

Votre réponse

Discussions similaires