Récupérer l'objet parent du contenu d'une balise object.

Bonjour à tous,

Je vais peut-être mal formuler ma pensée au départ car je cherche à faire quelque chose d'un peu spécial.

Dans une page web, j'ai une balise object dans ma page qui contient un graph SVG avec du javascript dans le SVG.

Coté HTML ça donne :

Code:

---

1 2	<object id="svgObj" type="image/svg+xml" data="graph.svg" width="640" height="480"></object>

---

Coté javascript du SVG, je peux accèder à la page html dans laquelle est contenue la balise object en faisant ça :

Code:

---

1 2	var htmlDocument = window.parent.document;

---

Ce que j'aimerais faire, c'est récupérer l'objet correspondant à ma balise object qui inclus le SVG. Bien sur je pourrais faire comme ça :

Code:

---

1 2	var baliseObject = htmlDocument.getElementById("svgObj");

---

Mais le problème, c'est que j'aimerais ne pas avoir à connaitre à l'avance l'identifiant de l'objet appellant.

Y'a-t-il donc un moyen quelconque pour récupérer directement l'objet dans lequel est contenu mon SVG (comme on a récupéré le document HTML) ?

Bonjour,

Que donne window.parent ?

devyan

Un alert me dit :

Code:

---

[object Window]

---

Vraisemblablement, il s'agit de la fenêtre entière du document html.

Dans ce cas, je ne vois pas d'autre solution que de passer par window.parent.document.getElementById("id_de_ta_balise_object")

Bonjour,

Citation:

---

Envoyé par Difré91

Mais le problème, c'est que j'aimerais ne pas avoir à connaitre à l'avance l'identifiant de l'objet appellant.

Y'a-t-il donc un moyen quelconque pour récupérer directement l'objet dans lequel est contenu mon SVG

---

si le JavaScript est "dans" le SVG, logiquement ça devrait être

Code:

---

this.parentNode

---

this représentant l'objet courant, en l'occurence le SVG ...

A+

En fait, le problème, c'est que le document SVG possède son propre DOM, donc cette syntaxe ne marche pas.

Je continue mes tests, et je reviens poster quelquechose si je trouve une solution !

Citation:

---

Envoyé par Difré91

Mais le problème, c'est que j'aimerais ne pas avoir à connaitre à l'avance l'identifiant de l'objet appellant.

---

Dans ce cas (si tu n'as pas d'autres <object> dans la page), peut être

Code:

---

1 2	var baliseObject = htmlDocument.getElementsByTagName("object")[0];

---

:question:

A+

On en arrive au pourquoi du comment !

Je veux faire comme ça pour pouvoir inclure plusieurs objets dans la pages et que chaque objet soit reconnu individuellement.

Une solution serait de passer l'id en paramêtre au fichier.js, mais cela me paraît un peu compliqué et je préfererais trouver une méthode plus simple et solide.

Tu pourrais utiliser le nom du fichier comme id ;)

Si, je pourrais.

Mais dans ce cas, comment récupérer le nom de fichier en javascript. Cela me parait impossible.

Sinon, j'ai uen autre piste de recherche.

Mon document svg est structuré comme tel :

Code:

---

1 2 3 4 5

<svg width="792pt" height="454pt" viewBox="0.00 0.00 453.98 792.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <dautresbalises></dautresbalises> </svg>

---

Donc, si je pouvais récupérer l'élement svg, je pourrais y stocker l'id.

Comment donc, avec des accesseurs DOM récupérer l'element le plus haut dans la hierarchie ?

Edit :
J'ai trouvé en faisant

Code:

---

window.document.getElementsByTagName("svg")[0];

---

Re-edit : s'il y a un moyen de récupérer la balise englobante d'une meilleure façon, je suis toujours preneur ! N'hésitez pas à déterrer le thread !

Tu peux utiliser : document.documentElement
M.