I have the following dojo codes to create a surface graphics element under a div:
.... <script type=text/javascript> .... function drawRec(){ var node = dojo.byId('surface'); // remove all the children graphics var surface = dojox.gfx.createSurface(node, 600, 600); surface.createLine({ x1 : 0, y1 : 0, x2 : 600, y2 : 600 }).setStroke('black'); } .... </script> .... <body> <div id='surface'></div> ....
drawRec() will draw a rectangle graphics first time. If I call this function again in an anchor href like this:
<a href='javascript:drawRec();'>...</a>
it will draw another graphics again. What I need to clean all the graphics under the div and then create again. How can I add some dojo codes to do that?
1 Answer