Dienstag, 9. Juni 2009
IE Rendering RePaint erzwingen / How to force a repaint in IE
Wir AJAX-Entwickler bekommen ja immer - zu Recht - Schreikraempfe, wenn wir etwas fuer den IE6, IE7 oder jetzt auch noch IE8 entwickeln muessen. Problem: Manchmal ist ein Element im DOM Tree / Baum zwar vorhanden bzw. neu hinzugefuegt worden - wird aber trotzdem nicht vom IE angezeigt oder aber total anders. Wie man das behebt und dazu einen kostenlosen Debugger stelle ich hier vor:
.
zunaechst: der kostenlose Debugger nennt sich "DebugBar" - einfach mal Googlen. Er kann zwar lange nicht soviel wie Firebug, aber schon mehr als man anfangs vermutet - unbedingt etwas intensiver damit beschaeftigen!
Wie man nun den IE bei einem Rendering Issue zu einem Repaint zwingt?:
man fuegt einfach mit Javascript bzw. JQuery z.B. dem root (z.B. dem Body) oder ggf. auch nur einem Parent Objekt eine Fake CSS Klasse hinzu, das bereits veranlasst den IE zum Repaint. Da die CSS Fake Klasse nur ein Hilfsmittel ist, kann / sollte man sie danach wieder entfernen. In JQuery:
$('#myRootElement').addClass('fake');
$('#myRootElement').removeClass('fake');
zunaechst: der kostenlose Debugger nennt sich "DebugBar" - einfach mal Googlen. Er kann zwar lange nicht soviel wie Firebug, aber schon mehr als man anfangs vermutet - unbedingt etwas intensiver damit beschaeftigen!
Wie man nun den IE bei einem Rendering Issue zu einem Repaint zwingt?:
man fuegt einfach mit Javascript bzw. JQuery z.B. dem root (z.B. dem Body) oder ggf. auch nur einem Parent Objekt eine Fake CSS Klasse hinzu, das bereits veranlasst den IE zum Repaint. Da die CSS Fake Klasse nur ein Hilfsmittel ist, kann / sollte man sie danach wieder entfernen. In JQuery:
$('#myRootElement').addClass('fake');
$('#myRootElement').removeClass('fake');
siehst Du, ich lese
Die DebugBar gucke ich mir doch mal an. Bin ja mal gespannt, wie das so ist und was das so kann. Beim IE ist man ja für JEDE Hilfe dankbar. Andererseits sichert er ja auch Arbeitsplätze und bezahlte Aufwände. Aber es ist eine große Bürde für die kommende Generation, die dann die Pflege der dann etwas gealterten, nervlich zerütteten Web-Entwickler bezahlen muss
Ob die DebugBar auch beim IE auf Linux funktioniert ? We will see.
Liebe Grüße aus dem Niemandsland von vielleicht ja doch jemandem