Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/09/2011, 13h56   #1
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
Par défaut EVENT onclick dans une classe JS?

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.
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 13h57   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
ou
addEventListener ?
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h04   #3
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
Si j'ai un objet div sur lequel je dois lié un event click
Code :
1
2
3
4
 
document.getElementById("div_a").click = function(){
 
}
j'ai essayé ca ne marche pas .
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h08   #4
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
Code :
1
2
3
4
5
 
 
function myclasse(param1,param2){<blockquote>this.param1 = param1;</blockquote><blockquote>this.param2 = param2;</blockquote><blockquote>this.maMethode(){
alert("mymethode");
}</blockquote>};
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h12   #5
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
heu
Citation:
ça marche pas
ou tu n'as pas réussi à le faire fonctionner ???

Code :
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
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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h13   #6
Expert Confirmé Sénior
 
Avatar de Auteur
 
Inscription : avril 2004
Messages : 4 795
Détails du profil
Informations personnelles :
Localisation : France

Informations forums :
Inscription : avril 2004
Messages : 4 795
Points : 5 119
Points : 5 119
bonjour,

comme ceci headmax
Code :
1
2
 
document.getElementById("div_a").onclick=function(){alert("plop")}
Par contre :
Code javascript :
1
2
3
4
 
function myclasse(param1,param2){<blockquote>this.param1 = param1;</blockquote><blockquote>this.param2 = param2;</blockquote><blockquote>this.maMethode(){
alert("mymethode");
}</blockquote>};
=> c'est du n'importe quoi
Auteur est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h15   #7
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
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
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h16   #8
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
mon message d'erreur
Citation:
divEventClick is not defined
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h19   #9
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
Citation:
Ici j'ai une classe dans lequel je dois utiliser l'évenement click.
tu peux developper ?
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h22   #10
Expert Confirmé Sénior
 
Avatar de Auteur
 
Inscription : avril 2004
Messages : 4 795
Détails du profil
Informations personnelles :
Localisation : France

Informations forums :
Inscription : avril 2004
Messages : 4 795
Points : 5 119
Points : 5 119
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 :
Code html :
1
2
3
4
5
6
7
8
 
<body onload="plop()">
 
	<div id="idDiv">
	bla bla bla
	</div
 
</body>
et la partie JS :
Code javascript :
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 :
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>
Auteur est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h25   #11
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
Je développe avec un code tout simple et surtout avant tout merci pour ton aide .

J'ai une classe sous la forme
Code :
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();
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h30   #12
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
Code :
 //method avec element.onclick = function(){} ici a prévoir mais en vain...
?? element ??? quel element
tu le passes en param ?
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h36   #13
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
re voici comment j'essaye de passer cette methode mais en vain ....

Code :
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();
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h39   #14
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
Code :
var divEventClick = document.getElementById("div_0");
Comme sus-dit ...

si tu essayes d'appeler un element avant qu'il ne soit instancié !!!
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 16h43   #15
Membre régulier
 
Inscription : juillet 2004
Messages : 92
Détails du profil
Informations forums :
Inscription : juillet 2004
Messages : 92
Points : 75
Points : 75
Donc merci pour tes réponses SpaceFrog, effectivement il suffit de mettre

Code :
1
2
3
4
 
onclick = function(){
    alert("ca marche et merci SpaceFrog");
}
Bon week end tu me sauve la vie . A++
headmax est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 17h04   #16
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
à Auteur qui a débusqué le loup en premier ...
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h54.


 
 
 
 
Partenaires

Hébergement Web