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!