Bonjour je suis actuellement en création de classe JS et j'aimerais intégrer des événement javascript comme onclick dans ma classe pouvez vous m'expliquer comment sa marche svp merci a tous.
Bonjour je suis actuellement en création de classe JS et j'aimerais intégrer des événement javascript comme onclick dans ma classe pouvez vous m'expliquer comment sa marche svp merci a tous.
ou
Code : Sélectionner tout - Visualiser dans une fenêtre à part onclick = fcuntion(){}
addEventListener ?
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
Si j'ai un objet div sur lequel je dois lié un event click
j'ai essayé ca ne marche pas
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 document.getElementById("div_a").click = function(){ }.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 function myclasse(param1,param2){ <div style="margin-left:40px">this.param1 = param1;</div><div style="margin-left:40px">this.param2 = param2;</div><div style="margin-left:40px">this.maMethode(){ alert("mymethode"); }</div>};
heuou tu n'as pas réussi à le faire fonctionner ???ça marche pas
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <script type="text/javascript"> function init(){ document.getElementById('div_a').onclick=function(){ alert('ben si ça marche')} } </script> </head> <body onload="init()"> <div id="div_a">div A </div> </body> </html>
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
bonjour,
comme ceci headmax
Par contre :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 document.getElementById("div_a").onclick=function(){alert("plop")}
=> c'est du n'importe quoi
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 function myclasse(param1,param2){<blockquote>this.param1 = param1;</blockquote><blockquote>this.param2 = param2;</blockquote><blockquote>this.maMethode(){ alert("mymethode"); }</blockquote>};![]()
Un event onclick sans classe, je n'ai pas de soucis.
Ici j'ai une classe dans lequel je dois utiliser l'évenement click.
Sauf qu'il ne gere pas
mon message d'erreurdivEventClick is not defined
tu peux developper ?Ici j'ai une classe dans lequel je dois utiliser l'évenement click.
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
tu dois affecter l'événement uniquement si l'objet HTML est chargé dans la page HTML donc deux possibilités :
- tu ajoutes les événements sur les autres objet lors du onload :
et la partie JS :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <body onload="plop()"> <div id="idDiv"> bla bla bla </div </body>
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <script type="text/javascript"> function plop() { document.getElementById("idDiv").onclick=function(){alert("plop")} } </script>
- ou alors tu ajoutes directement les balises scripts à la fin de la page (ce que je n'aime pas trop car le code JS est inclus dans le code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <body> <div id="idDiv"> bla bla bla </div> <script type="text/javascript"> document.getElementById("idDiv").onclick=function(){alert("plop")} </script> </body>
Je développe avec un code tout simple et surtout avant tout merci pour ton aide.
J'ai une classe sous la forme
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 function myclasse(param1,param2){ this.param1 = param1; this.param2 = param2; this.oneMethode = function(){ alert("classe fonctionne"); } //method avec element.onclick = function(){} ici a prévoir mais en vain... } var obj = new myclasse("test1","test2"); obj.oneMethode();
?? element ??? quel element
Code : Sélectionner tout - Visualiser dans une fenêtre à part //method avec element.onclick = function(){} ici a prévoir mais en vain...
tu le passes en param ?
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
re voici comment j'essaye de passer cette methode mais en vain ....
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 var divEventClick = document.getElementById("div_0"); function myclasse(param1,param2,divEventClick ){ this.param1 = param1; this.param2 = param2; this.param3 = divEventClick; this.oneMethode = function(){ alert("classe fonctionne"); } this.divEventClick.addEventListener("click", thumbClick,true); this.thumbClick = function(){ alert("click thumb") } } var obj = new myclasse("test1","test2"); obj.oneMethode();
Comme sus-dit ...
Code : Sélectionner tout - Visualiser dans une fenêtre à part var divEventClick = document.getElementById("div_0");
si tu essayes d'appeler un element avant qu'il ne soit instancié !!!
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
Donc merci pour tes réponses SpaceFrog, effectivement il suffit de mettre
Bon week end tu me sauve la vie
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 onclick = function(){ alert("ca marche et merci SpaceFrog"); }. A++
![]()
à Auteur qui a débusqué le loup en premier ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
Partager