[DOM] ajouter des fonctions

Version imprimable

Bonjour à tous,

Est-il possible de faire la chose suivante :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <title>mon titre</title> </head> <body> <div style="height:200px; width:300px; background-color: blue;" id="myDiv"></div> </body> <script> // ... myDiv = getElementById('myDiv'); myDiv.maPropriete = true; // ... </script> </html>
Ceci n'est qu'un exemple. Mais peut-on faire en sorte de compléter le fonctionnement d'un objet existant. Evidemment, lorsqu'il s'agit d'un objet que l'on a créé soit-même, c'est facile. Mais ici, je voudrais rajouter, des propriétés ou des méthodes à des objets HTML (ou autre) pour pouvoir les utiliser comme dans mon exemple...

Je ne sais pas si je suis très clair :? mais j'apporterais des précisions si nécessaires !

Merci d'avance

25/06/2008, 14h21
Matthieu2000

teste directement ton code et tu auras la réponse

Citation:

Envoyé par guy777

Mais ici, je voudrais rajouter, des propriétés ou des méthodes à des objets HTML (ou autre) pour pouvoir les utiliser comme dans mon exemple...

Tu peux ajouter (créer est un terme plus juste) des propriétés à ton objet. Particularité de ces propriétés : elles n'existent que pour l'objet ciblé.
Code:

1 2 3 4 5 6 7 8 9 <div id="test1" onclick="alert(this.maPropriete)">cliquez ici</div> <div id="test2" onclick="alert(this.maPropriete)">cliquez ici</div> <script type="text/javascript"> var obj = document.getElementById("test1"); obj.maPropriete = "coucou"; </script>
la propriété maPropriete n'existe que pour l'objet test1. Si tu cliques sur test1 tu verras "coucou". Si tu cliques sur test2, le message "undefined" apparaît.

Attention à ne pas utiliser des propriétés naturellement définies dans l'objet HTML (id, name, style, className, class, etc.).

Autre remarque : la syntaxe est :

Code:

var obj = document.getElementById("idObjet")

et non

Code:

var obj = getElementById("idObjet")

25/06/2008, 15h29
guy777

Citation:

Particularité de ces propriétés : elles n'existent que pour l'objet ciblé.

Ok. Il n'est pas possible de définir une méthode ou une propriété pour toutes les divs qui composeront ma page ? J'ai vu qu'il était possible d'ajouter des fonctions à l'objet String en utilisant le prototypage, peut-on appliquer ceci à des éléments de la page en passant par un objet hiérarchiquement plus important (alors là, je sais pas si vous allez me comprendre :aie:)...

peut-être avec une boucle :

Code:

1
2
3
4
5
6
7
8
 
var tabDiv = document.getElementsByTagName("div");
var i;
 
for (i=0;i<tabDiv.length; i++)
{
  tabDiv[i].maPropriete = "maValeur";
}

26/06/2008, 08h14
guy777

Non, ce n'était pas ce que je voulais dire.

Les objets HTML, accessibles depuis le DOM, font-ils partie d'une collection particulière (à la manière des chaines de caractères, régies par l'objet String) ?

Le but est de redéfinir cette collection (si elle existe) en amont pour justement éviter ce genre de boucle et pouvoir ajouter des fonctionnalités à certains éléments...
26/06/2008, 09h29
DoubleU
Sous firefox, tu peux utiliser ca, mais c'est pas crossbrowser:
Code:

1 2 3 4 Node.prototype.__defineGetter__( "foo", function () { return("fooooo"); } );
qui te permet d'appeler sur chaque Node la propriété "foo".
26/06/2008, 10h18
guy777

Oui j'y ai pensé, mais quand je vois la doc de firefox sur Javascript à ce sujet, y'a plein de fonctions non-standard, je crois que je vais éviter. Le but c'est aussi de proposer ces fonctionnalités pour l'ensemble des browsers...

C'est bien dommage d'ailleurs, paske c'est pile-poil ce que je voudrais !