[DOM] ajouter des fonctions

**guy777** · 25/06/2008, 12h40

Bonjour à tous,

Est-il possible de faire la chose suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Matthieu2000** · 25/06/2008, 14h21

teste directement ton code et tu auras la réponse

**Auteur** · 25/06/2008, 14h39

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

var obj = document.getElementById("idObjet")

et non

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var obj = getElementById("idObjet")

**guy777** · 25/06/2008, 15h29

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

)...

**Auteur** · 25/06/2008, 16h11

peut-être avec une boucle :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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";
}

**guy777** · 26/06/2008, 08h14

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...

**DoubleU** · 26/06/2008, 09h29

Sous firefox, tu peux utiliser ca, mais c'est pas crossbrowser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Node.prototype.__defineGetter__(
      "foo",
      function () { return("fooooo"); }
);

qui te permet d'appeler sur chaque Node la propriété "foo".

**guy777** · 26/06/2008, 10h18

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 !

[DOM] ajouter des fonctions

JavaScript

Discussions similaires

Partager

Partager