Discussion :

[Difré91]

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 :

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

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 :

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

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 :

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

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) ?

[devyan]

Bonjour,

Que donne window.parent ?

devyan

[Difré91]

Un alert me dit :

Code :

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

[object Window]

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

[devyan]

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

[E.Bzz]

Bonjour,

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 :

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

this.parentNode

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

A+

[Difré91]

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 !

[E.Bzz]

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 :

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

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

A+

[Difré91]

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.

[devyan]

Tu pourrais utiliser le nom du fichier comme id

[Difré91]

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 :

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

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 :

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

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 !

[Alacazam]

Tu peux utiliser : document.documentElement
M.