POO , instanciation d'objet relié a un élément HTML

Signaler
Messages postés
81
Date d'inscription
mercredi 7 juillet 2004
Statut
Membre
Dernière intervention
1 octobre 2007
-
Messages postés
540
Date d'inscription
vendredi 25 juin 2004
Statut
Membre
Dernière intervention
1 octobre 2007
-
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

3 réponses

Messages postés
540
Date d'inscription
vendredi 25 juin 2004
Statut
Membre
Dernière intervention
1 octobre 2007
2
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>

<textarea id='id1' name="n1">
sqddqsdqsdsqsd
</textarea>

</html>

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 ..
Messages postés
81
Date d'inscription
mercredi 7 juillet 2004
Statut
Membre
Dernière intervention
1 octobre 2007
1
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 ?
Messages postés
540
Date d'inscription
vendredi 25 juin 2004
Statut
Membre
Dernière intervention
1 octobre 2007
2
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 ...