URL: https://linuxfr.org/forums/programmationweb/posts/integrer-un-fichier-svg-dans-un-document-html-et-interagir-avec-ce-document-depuis-la-page-html
Title: Intégrer un fichier svg dans un document HTML, et interagir avec ce document depuis la page HTML.
Authors: totof2000
Date: 2013年03月23日T00:46:43+01:00
License: CC By-SA
Tags: firefox
Score: 0
Bonjour.
Je cherche à intégrer un document SVG dans une page HTML.
Le document svg en question contient des fonctions Javascript permettant de modifier les styles ou couleurs des éléments.
Je souhaiterais que le document HTML puisse déclencher certains bouts de code Javascript situés dans le document SVG pour modifier l'aspect de celui-ci (actuellement pour mes tests le document HTML est composé d'un formulaire qui contient deux boutons qui changent la couleur de certains éléments du doc SVG).
Par contre, dans le but de bien séparer les deux documents (je pourrais intégrer le document SVG dans une autre page HTML, ou même l'appeler directement sans l'intéger dans le HTML), je souhaiterais que ce soit le svg qui "exporte" sa fonction dans le document HTML (voir plus bas). Et pour intégrer le code XML dans mon HTML, je ne peux pas passer par la balise embed. Je pense plutôt utiliser la balise suivante :
.
(note :pour ceux qui ont déjà lu cette entrée, la ligne avec la balise ci-dessus n'apparaissait pas jusqu'à ce que je le corrige).
En effet, j'avais essayé avec un tuc du genre dans le doc HTML :
Une partiee de mon formlaire :
Plus bas la définition de la fonction :
function changeSense(sense) {
alert("Changement sens: " + sense);
window.changeS(sense);
}
puis dans le document svg j'ai fait un truc du genre
function init(evt)
{
parent.changeS = change_sense_line; // la fonction changeS est disponnible maintenant dans le document HTML appelant
svgDocument=evt.target.ownerDocument;
}
function change_sense_line(dir)
{
// dÉFINITION DE LA FONCTION ....
}
Tout ça marche pas trop mal lorsque j'appelle le document en local (file://chemin_vers_doc_html), mais lorsque je mets tout sur un serveur web, j'ai Firefox (le même) qui me demande un plugin pour afficher le SVG.
La cerise sur le gateau : pouvoir exporter les fonctions vers le document HTML en fonction du nom ou des infos situés dans le document appelant.
Voyez-vous comment je pourrais faire ça ? Avec Object Type, ça semble ne pas être aussi simple ...
Merci d'avance.