Ciao a tutti,
sto provando a realizzare una mappa dinamica tramite un svg. Poiché questo svg è molto grande, è necessario inserirlo come file esterno nel documento .html; per farlo, ho usato il tag <object>, in questo modo:
Avevo poi in mente di cambiare il contenuto di un elemento del file svg esterno tramite script:codice:<object type="image/svg+xml" data="Map.svg" width="100%"></object>
(al posto di "POLIGONO" in realtà ci dovrò mettere un variabile stringa ottenuta tramite un altro script, altrimenti avrei potuto farlo anche direttamente dall'SVG o da un CSS).codice:<script type="text/javascript"> document.getElementById("POLIGONO").setAttribute ("style","fill:red"); </script>
Tuttavia, ho scoperto che tramite script è impossibile "vedere" ciò che è stato importato tramite il tag object... infatti, se copio-incollo tutto il codice svg all'interno del file, ottengo il risultato sperato, mentre importandolo con il tag object non accade nulla.
Non so proprio come uscirne, non posso assolutamente copiare tutto il codice SVG perché è veramente troppo pesante! Ma al momento non riesco a trovare un'altra soluzione...
Spero possiate darmi qualche consiglio.
Grazie in ancitipo!