Comments on: Little JavaScript hints, episode 3: force redraw

By: Sebastian Werner

Sebastian Werner — Sun, 11 Jan 2009 09:52:00 +0000

You may also use some kind of addClass/removeClass combo. That would result into the same effect but without creating unused DOM elements. We use this method in qooxdoohttp://qooxdoo.org">qooxdoo; and it works well.

By: Thomas Fuchs

Thomas Fuchs — Sun, 11 Jan 2009 09:52:00 +0000

@Pierre yes, i wrote that function… the defer must be in this place however, as it helps fix certain rendering issues with the latest webkit nightlies… i’m using this in something sekret (which i’m going to launch soon), so stay tuned.

By: trouwen

trouwen — Sun, 11 Jan 2009 09:52:00 +0000

Nice site you got there Sebastian!

By: Pierre

Pierre — Sun, 11 Jan 2009 09:52:00 +0000

Scriptaculous already has such a function, which does essentially the exact same thing (almost verbatim). The only difference is it does not use defer() on the removeChild call, however you could simply use it on the entire function call to get the same results. The name of the function is forceRerendering, and it is defined in the effects package of scriptaculous.

By: Rik

Rik — Sun, 11 Jan 2009 09:52:00 +0000

What about trying to read a property like offsetTop ? It should force a computation in order to return the good offsetTop.