Evento #12 – Programmare con Javascript

Clicca sui 2 cerchi per sostituirli con quadrati.
JavaScript può sostituire un elemento con un altro tramite replaceChild().

<?xml version = "1.0"?>

<![CDATA[

function sostituisciElemento(evt)

{

var cerchio =evt.target

var cx =cerchio.getAttribute("cx");

var cy =cerchio.getAttribute("cy");

var r =cerchio.getAttribute("r");

var colore =cerchio.getAttribute("fill");

var x =cx-r;

var y =cy-r;

var width =2.0*r;

var height =2.0*r;

var quadrato=document.createElementNS("http://www.w3.org/2000/svg", "rect");

quadrato.setAttribute("x", x);

quadrato.setAttribute("y", y);

quadrato.setAttribute("width",width);

quadrato.setAttribute("height",height);

quadrato.setAttribute("fill",colore);

cerchio.parentNode.replaceChild(quadrato,cerchio);

}

]]>

</script>

</svg>