View Single Post

  #2 (permalink)  
Old 04-14-2004, 10:46 AM
Anonymous
Guest
 
Posts: n/a
Default how to show svg dig step by step

hi chore_ashwin

try like this :

<svg onload="init(evt)" >
<script language="javascript">
<![CDATA[
var svgDocument=null;
var svgns ="http://www.w3.org/2000/svg";
var node;
var svgDocument;
var Timer=0

function init(event){
svgDocument= event.target.ownerDocument;
Timer=setTimeout("createCircle(1)",1000);
}

function createCircle(c){
var i=c
node = svgDocument.createElementNS(svgns, "circle");
node.setAttributeNS(null, "id",i);
node.setAttributeNS(null, "cx",i*50);
node.setAttributeNS(null, "cy",50);
node.setAttributeNS(null, "r", 15);
node.setAttributeNS(null,"fill", "yellow");
svgDocument.documentElement.appendChild(node);


if(i<3){
i++
Timer=setTimeout("createCircle("+i+")",1000);
}
}

]]>

hope it helps
Holger
http://www.treebuilder.de[/quote]
Reply With Quote