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.