Discussion :

[_ash_]

Bonjour,

Je souhaite , sur une page que je génère dynamiquement, passer des variables à des noeuds du DOM, afin de pouvoir travailler dessus en js.

Conceptuellement, je souhaite avoir une page html contenant par exemple :

Code html :

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

1
2
 
<div id="myDiv" myValue="hello world">...</div>

Toutefois, je suppose que générer un tel code html n'est pas très propre (en particulier, je dois violer allègrement ma dtd) ; et je n'ai aucune certitude quant à la portabilité de cette solution.

Aussi, ma question est : quelle est la manière canonique de
- passer de telles valeurs lors de la génération dynamique de ma page
- lire / réécrire ces valeurs, en js, durant la durée de vie de ma page ?

(À titre indicatif : je souhaite, pour ma culture, savoir comment le faire en js "pur", mais puisque j'utilise mootools, des réponses utilisant ce framework me satisferont également)

Je vous remercie par avance.

[javatwister]

disons que tu peux affecter une propriété arbitraire à un objet dom par simple déclaration;

Code :

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

mon_objet.myValue="Hello World";

ce qui ne déclenchera pas une apocalypse au niveau du dom;

[_ash_]

Merci pour cette réponse. En faisant ainsi, je peux associer des variables à des noeuds du dom durant la vie de la page.

En revanche, m'est-il possible de faire en sorte d'avoir ces variables dès le départ (ie : avant que le js s'exécute), ou alors dois-je obligatoirement ajouter une couche de js d'initialisation pour setter ces valeurs ?

[SpaceFrog]

malheureusement tous les navigateurs ne reconnaissent pas les propriétés exotiques au démarrage.
Il te faudra en effet ajouter une couche d'initialisation su le onload de la page.

Certains ne sont pas firands de cette methode de surcharge de propriétés des objets.
Jquery utilise un data() qui permet de stocker des données au niveau de l'objet sans modifier le DOM

[_ash_]

Je vous remercie pour ces réponses, qui m'aident à y voir plus clair.
Je vais pouvoir adapter mon code en conséquence.

[dukej]

malheureusement tous les navigateurs ne reconnaissent pas les propriétés exotiques au démarrage.

FAUX :
element.getAttribute('monattribut');
fontionnera PARTOUT.

Il te faudra en effet ajouter une couche d'initialisation su le onload de la page.

Inutile, et rajoute plus de taf que nécessaire

Certains ne sont pas firands de cette methode de surcharge de propriétés des objets.

Oui, car les DTD sont là pour justement spécifier le HTML, mais au final un attribut exotique c'est n'est pas la mort.

Jquery utilise un data() qui permet de stocker des données au niveau de l'objet sans modifier le DOM

Voila une solution

[_ash_]

Merci pour ces précisions !