15/2. feladat megoldása


<?xml version="1.0"?>

<!DOCTYPE svg PUBLIC "-//W3//DTD SVG 1.1//EN"
	"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns= "http://www.w3.org/2000/svg"
     xmlns:xlink= "http://www.w3.org/1999/xlink"
     version="1.1" width="200" height="200">

<script type="text/ecmascript">
<![CDATA[

function duplaz(evt)
{
 var elem=svgDocument.getElementById("kor");
 var r=elem.getAttribute("r");
 elem.setAttribute("r",r*2);
}

function visszaallit(evt)
{
 var elem=svgDocument.getElementById("kor");
 elem.setAttribute("r",10);
}

//]]>
</script>

<circle id="kor" cx="100" cy="100" r="10" style="fill: cyan;"/>

<circle cx="10" cy="10" r="5" style="fill: blue;" onclick="duplaz(evt)"/>
<circle cx="30" cy="10" r="5" style="fill: lightgreen;" onclick="visszaallit(evt)"/>

</svg>