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:
questo codice, ogni volta che clicco l'immagine (tutta l'area), le fa cambiare colore.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>
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!