Bonjour à tous,
Est-ce que vous saurriez comment insérer une chaîne de caractères à l'intérieur d'une balise, dont on connait l'id (en écrasant les éventuelles données s'y trouvant, s'il y'en a), lorsqu'elle se trouve dans une image SVG ?
Voici un exemple...
Fichier index.html :
Fichier mon_image.svg :
J'ai aussi un 3ème fichier, ma_fonction.js, qui a pour rôle d'ajouter une chaine à l'intérieur du bloc <g id="mes_graphiques">. Elle ressemble à ceci :
Toutes vos suggrestions sont les bienvenues. Merci
Est-ce que vous saurriez comment insérer une chaîne de caractères à l'intérieur d'une balise, dont on connait l'id (en écrasant les éventuelles données s'y trouvant, s'il y'en a), lorsqu'elle se trouve dans une image SVG ?
Voici un exemple...
Fichier index.html :
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body>
<h1>Ma page</h1>
<object data="mon_image.svg" type="image/svg+xml" height="400" width="600"></object>
</body>
</html>Fichier mon_image.svg :
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%">
<script type="text/ecmascript" xlink:href="ma_fonction.js"/>
<desc>Ma description</desc>
<g id="mes_graphiques">
</g>
</svg>J'ai aussi un 3ème fichier, ma_fonction.js, qui a pour rôle d'ajouter une chaine à l'intérieur du bloc <g id="mes_graphiques">. Elle ressemble à ceci :
a écrit :Mon problème, c'est que je n'arrive pas à faire fonctionner ce script... Je sais qu'il est possible de passer par le DOM, mais ça m'obligerait à convertir ma chaîne "Un tas de..." en langage DOM. Je préfèrerais plutôt utiliser une méthode comme innerHTML voire innerSVG (d'après ce que j'ai lu en googlant, ça semble exister) car ma chaîne peut d'un coup être intégré dans la structure de ma page.
document.getElementById('mes_graphiques').innerSVG = "Un tas de chaînes de caractères, avec des balises";
Toutes vos suggrestions sont les bienvenues. Merci