Ajouter une fonction aux elements html [Résolu]

[the-destroyer]

Bonsoir,

Le sujet résume assez bien le problème mais il n'est pas si simple qu'il n'y parait, je m'explique, j'aimerais attribué à chaque élément html une fonction bon on peu se dire ok on fais un getElementByTagName('*').ma_fonction = function() { alert(''); }, bon admettons même si selon le nombre d’élément de la page, ce serait assez long surtout si on veut pouvoir lui donner plusieurs fonction :/
Mais si l'utilisateur crée une balise, elle n'aura pas ma_fonction de disponible a part de refère l'exemple si dessus mais bon la on s'en sort pas x_x (trop gourmande en temps), donc il faudrait modifier le constructeur de l'objet html directement pour qu'a chaque fois qu'une balise est créer elle érite de cette fonction, ma question est donc, cela est-il possible ?

Merci

[the-destroyer]

Code :

1
2
3
HTML{balise}Element.prototype.myfunc = function () {
alert('');
}

pour chaque balise (où {balise} est la balise)
Donc on peu déjà modifier par groupe de balise les éléments et non-plus élément par élément, (c deja ca ) mais il faudrait trouver comment faire maintenant pour modifier l'ensemble des balises (si c'est possible)

a suivre

Tout aide est la bienvenue

[the-destroyer]

bon bas c'est bon j'ai auto la solution ~~

tout simplement:

Code :

1
2
3
HTMLElement.prototype.myfunc = function () {
alert('');
}

Cela permettra l'ajout de myfunc dans tout les elements html

[nadox]

Bonsoir,
Juste par curiosité, quel serait l'intérêt pour toi de faire ça ?

[the-destroyer]

A enfin fini le monologue ^^

Ajouté des fonctions de selection par exemple

Puis je me demander si tout comme c'était faisable avec Array.prototype si c'était aussi faisable avec les éléments HTML

[Watilin]

Oui, c'est chouette de pouvoir manipuler le prototype des éléments HTML !
… Sauf que, sous IE, on peut pas. C'est pourquoi Prototype, jQuery et d'autres frameworks ont adopté la solution d'enrichir les éléments à chaque fois qu'on en a besoin.

La fonction d'enrichissement est souvent appelée $.

Code JS :

1
2
3
4
5
6
function $(element) {
   element.maFonction = function() {
      ...
   }
   return element;
}

Et dans chaque fonction qui manipule un ou plusieurs éléments HTML, elle est appelée en premier lieu :

Code JS :

1
2
3
4
function jouerDuFlutiau(element) {
   element = $(element);
   ...
}

En réalité, c'est un peu plus complexe. Pour optimiser le tout, les frameworks utilisent un mécanisme de détection pour savoir s'ils peuvent enrichir les prototypes ou s'ils doivent enrichir les éléments à chaque appel…

[the-destroyer]

Ah m***e

dommage :/ Mais pourquoi IE n'est pas comme les autres ? ><

[Watilin]

Pour mettre à l'épreuve l'ingéniosité des développeurs de frameworks

[Bovino]

Depuis la version 8, IE met à disposition les objets de type HTMLElement

[the-destroyer]

Par quel moyen d'appel ?

Erreur avec IE9: 'HTMLElement' is undefined

[Watilin]

Ça doit dépendre du DOCTYPE…

[Bovino]

Pour IE l'interface générale est Element et non HTMLElement, en revanche, les objets comme HTMLDivElement sont bien reconnus.

[sekaijin]

Envoyé par nadox

Bonsoir,
Juste par curiosité, quel serait l'intérêt pour toi de faire ça ?

ben des truc comme ça
http://www.developpez.net/forums/d10...hissement-dom/
A+JYT

[the-destroyer]

Envoyé par Bovino

Pour IE l'interface générale est Element et non HTMLElement, en revanche, les objets comme HTMLDivElement sont bien reconnus.

'Element' n'est pas reconnu sur IE du moins pas sur la version 9 O_o

[Watilin]

J'ai testé sous IE9 :
– en mode Quirks, pas de HTMLElement
– avec un DOCTYPE XHTML 1.0 Strict, ça marche impec.

[the-destroyer]

Alors la je comprend pas ><

Avec IE9 ca marche que lorsque le mode 'compatibilty view' est desactivé...

(il est situé a cote du bouton rafraichissement)

[sekaijin]

en réalité IE depuis la version 7 ou 8 je sais plus embarque plusieurs moteurs de rendus dont celui d'IE6 pour des raison de compatibilité

du coup lorsque le mode compatible est activé le moteur de rendu utilisé n'est pas obligatoirement celui d'IE9 mais une version antérieure.

et les objets du DOM sont des objet directement crée par le moteur de rendu.

A+JYT