POO , instanciation d'objet relié a un élément HTML
josh666
Messages postés81Date d'inscriptionmercredi 7 juillet 2004StatutMembreDernière intervention 1 octobre 2007
-
14 juil. 2006 à 15:19
rrk275
Messages postés540Date d'inscriptionvendredi 25 juin 2004StatutMembreDernière intervention 1 octobre 2007
-
14 juil. 2006 à 19:30
Bonjour a tous !
Bon je me lance plus a fond dans la programmtion POO , et j'aimerais savoir s'il y a une méthode de relié une instanciation d'objet a un élément HTML , ds mon cas un div. Je demande sa, parce que je veux créer une classe de gestion de "popup" div , et jaimerais faire appel a l'instantiation de la classe créer pour un "popup div" sans etre obliger de connaitre le nom de l'intantiation ni d'ajout des gestionnaire d'événement en clir ds mon code html.
En gros je veux pas faire:
Sachant que les div sront crée par la class, je me suis dit qu'il i a surment une méthode pour affecter des événement a un élément html, avec javascript.
Le plus simple serait d'etre capable d'intégrer les gestionnaire d'événement souhaiter dans la classe, et ensuite de relier l'instanciation de cette class a mon div. Est-ce possible ?!
Merci d'avance
A voir également:
POO , instanciation d'objet relié a un élément HTML
rrk275
Messages postés540Date d'inscriptionvendredi 25 juin 2004StatutMembreDernière intervention 1 octobre 20072 14 juil. 2006 à 16:24
un chti exemple vaut mieux que quoi que ce soit d'autre (sauf une explication ennuieuse suivant cet exemple ..)
<html>
<head>
<title></title>
<script>
function lol()
{
alert('lol');
}
function fu()
{
document.getElementById("id1").onmousedown=lol;
}
</script>
</head>
pour plus d'info , demander !
mais tout se fait sur cette ligne document.getElementById("id1").onmousedown=lol; //lol etant la fontion que l'on veut lier ..
josh666
Messages postés81Date d'inscriptionmercredi 7 juillet 2004StatutMembreDernière intervention 1 octobre 20071 14 juil. 2006 à 16:31
Ouais , j'avais lu a ce sujet... mais est-il possible d'associé l'instanciation de la classe a un objet html et ensuite initialisé les événement dans la classe...
du style:
function nomDeClass(){
this.onmousedown = nomDeFonction;
}
function nomDeFonction()
alert('ONCLICK!!!'):
}
et c la que sa bloque...
document.getElementById("id1") = new nomDeClass(); // je c que c pas correcte mais vous voyez ou je veux en venir ?
rrk275
Messages postés540Date d'inscriptionvendredi 25 juin 2004StatutMembreDernière intervention 1 octobre 20072 14 juil. 2006 à 19:30
au lieu de document.getElementById("id1") = new nomDeClass(); , tu cree un objet de cette maniere ? c'est qui plus est un div? si oui (et que ca marche je veux dire que c'est un vrai objet element ) alors tu fait this.onEvenement ...