18043 sujets

Questions générales et questions de débutants

Interaction entre SVG externe et JS [Résolu]

Bonjour à tous

J'ai un fichier externe SVG qui comporte des liens cliquables.
Ces liens appellent des fonctions JS dans la page HTML qui le charge
Cela marche, mais seulement quand je met le contenu su SVG directement dans la page,

Lorsque je tente de charger le fichier exterieur avec les balises <OBJECT> ou <EMBED>
ça ne marche pas

Auriez vous une solution pour pouvoir exterioriser le code SVG

Je vous remercie et bonne journée
Modifié par andrebernard (19 May 2016 - 13:21)
http://stackoverflow.com/questions/4476526/do-i-use-img-object-or-embed-for-svg-files

ce post doit répondre totalement à votre problème et propose de charger le svg par javascript .
ce post confirme que vous n avez pas acces au svg dom en utilisant <img src="file.svg" />. ce post propose de charger le svg comme un fichier xml en utilisant AJX .

Il est sur qu'il existe plusieurs tag pour visualiser du svg mais peu de documentation sur le comportement de ce svg en rapport aux events et api javascript DOM svg au niveau du navigateur !!
Il est aussi a noté que JQUery support le DOM HTML et pas le DOM SVG d ou la convertion du code SVG en XML ( HTML) . Comme le fichier html le fichier svg sera manipulable par le script des que la totalité du fihcier svg sera "loader" .
Modifié par 75lionel (18 May 2016 - 22:40)
Merci beaucoup de ta réponse

Et bien, c'est loin d'être simple Smiley decu
En fait, je n'ai pas de grandes connaissances dans la programmation WEB

Un copain a trouvé la solution sur un forum anglais
Je l'ai essayé et ça marche

Je donne le lien ici, car elle est tres simple pour que je puisse y arriver du premier coup Smiley biggol

http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-javascript

Encore merci et bonne journée
Modifié par andrebernard (19 May 2016 - 13:20)
Sujet clos
Aller à