Visualizzazione dei risultati da 1 a 5 su 5

Visualizzazione discussione

  1. #1

    Modificare attributi di un SVG importato con <object>

    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:

    codice:
    <object type="image/svg+xml" data="Map.svg" width="100%"></object>
    Avevo poi in mente di cambiare il contenuto di un elemento del file svg esterno tramite script:

    codice:
    <script type="text/javascript">                          
        document.getElementById("POLIGONO").setAttribute ("style","fill:red");
    </script>
    (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).

    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!
    Ultima modifica di Trial4life; 30-09-2017 a 01:02

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.