Ai due cerchi, disegnati in SVG, viene associato un ascoltatore del tasto del mouse
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<?xml version="1.0"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script> <![CDATA[ function init() { var gruppo=document.getElementById("gruppo"); gruppo.addEventListener("click", ascoltatore, false); } function ascoltatore(evt) { alert("Hai cliccato su uno dei due cerchi!"); } ]]> </script> </head> <body onload="init();"> <h1>Clicca sui cerchi!</h1> <svg xmlns="http://www.w3.org/2000/svg"> <g id="gruppo"> <circle id="cerchio1" r="2cm" cx="3cm" cy="3cm" style="fill:blue;"/> <circle id="cerchio2" r="1cm" cx="7cm" cy="3cm" style="fill:red;" /> </g> </svg> </body> </html> |