Using WZ JsGraphics with Mootools

[Piliskner]

Greetings to all coders.

I am new to js and my development is based on using frameworks such as Mootools and libraries such as Wz_jsgraphics. Recently working on my school project I have met with a problem of calling my function to draw something:

var jg = new jsGraphics();
function drawArrow()
{
  jg.setColor("#ff0000"); // red
  jg.drawLine(10, 113, 220, 55); 
  jg.setColor("#0000ff"); // blue
  jg.fillRect(110, 120, 30, 60);
  jg.paint();
}
 

from within Mootools block window.addEvent ('domready', function() { .....

Does anyone has any suggestions pls ?
I know that jg.paint(); is the problem. Everytime the I call the function from within the mootools block the page freezes.
I have also tried everything that came up my mind such as calling it through other functions and stuff.

PLS HELP ME :)

[acoder]

Welcome to TSDN!

Have you tried calling it without using mootools?

[Piliskner]

Yes it works really fine the only problem is calling it within mootools.

[truefontfamily]

Maybe jg.paint() changes the DOM which then causes another call to the domready, resulting in an infinite loop.

Try replacing jg.paint() with this line:

if ( confirm( 'Continue?' ) ) jg.paint();

Now you need to confirm the paint() before it is called, so you can see if it is called again and again. Just cancel the 'Continue?' when it is called more than once.