Bonjour,
premièrement, je ne savais vraiment pas si cela touchait plus au graphisme ou au javascript, mais étant donné que le problème est au niveau d'une fonction javascript à utiliser, j'ai sélectionné cette section.
Par contre, des connaissances sont nécessaires pour y répondre, car le problème est aussi de savoir comment fonctionne la balise groupe (<g>) du SVG.
Je dispose en fait d'un fichier SVG simple, composé d'un script, d'un groupe contenant deux rectangles. Le clic sur un des rectangles lace une fonction (la fonction est bien lancée, pas de problème à ce niveau), cette fonction est censée modifier le contenu texte (et non un attribut, ce que je sais faire) de la balise groupe, j'ai essayé deux méthodes, sans aucun bon retour, voici mon code :
En fait ce qu'il faut savoir pour résoudre ce problème c'est que pour un fichier HTML ou un fihchier XML javascript se comporte différemment.
SVG c'est du XML et en javascript, pour du XML, la seule façon de modifier des noeuds c'est d'utiliser le DOM.
innerHTML ne marchera jamais, il faut tout faire avec createElement, appendChild et compagnie. svg a un namespace, c'est aussi possible de crée un element avec un namespace :
document.createElementNS('url du namespace','nom de l'élément');
Mais bon ici y'a pas besoin, c'est juste au cas ou tu as a insérer du svg dans une page XHTML
Bon, je pense donc qu'il faille utiliser le DOM, mais j'ai cependant toujours plusieurs problèmes.
Avec le code suivant, la fonction devrait normalement placer un rectangle juste avant le groupe. Quand je regarde la source, le rectangle est bien présent, mais il n'apparait malheureusement pas sur l'image.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d'un code pythonique
entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d'un code pythonique