Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    186

    click su area file SVG e redirect a pagina web

    ciao a tutti,
    ho un file svg, una mappa del mondo, e per ogni continente devo, se lo user clicca, redirigerlo a una certa pagina web

    qualcuno sa darmi un mano?

    io mai fatto una cosa del genere, però mi sono un po' informato e sono arrivato a una cosa del tipo:


    codice:
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="600">
            <script type="text/ecmascript">
                <![CDATA[
                    // set element onclick event handler
                    window.onload=function () { 
                    var square = document.getElementById("square");
                    // onclick event handler, change circle radius
                    square.onclick = function() { 
                    var color = this.getAttribute("fill");
                    if (color == "#ff0000") {
                    this.setAttribute("fill", "#0000ff");
                    } else {
                    this.setAttribute("fill","#ff0000"); 
                }}}]]>
            </script>
            <rect id="square" width="400" height="400" fill="#ff0000" x="10" y="10" />
        </svg>
    questo codice, ogni volta che clicco l'immagine (tutta l'area), le fa cambiare colore.

    credo che a me basti capire come si fa a definire un'area di questa immagine e, se ci clicco, finire su una certa pagina web

    qualcuno sa darmi una mano?
    grazie!

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,649
    informati su map area
    https://www.w3schools.com/tags/tag_area.asp

    se devi renderla responsiva vedi i suggerimenti in questo post:
    http://forum.html.it/forum/showthrea...1#post25520574

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    186
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    informati su map area
    https://www.w3schools.com/tags/tag_area.asp

    se devi renderla responsiva vedi i suggerimenti in questo post:
    http://forum.html.it/forum/showthrea...1#post25520574
    perfetto Vincent!
    grazie mille!

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.