Klappt (im Fox4) ganz ausgezeichnet.
Fürs Archiv:
my_pelement = document.createElement("p");
my_pelement.appendChild(document.createTextNode("foobar"));
my_pelement.id = "pelement";
my_pelement.classList.add("pelement_invisible");
var style_content = " \
\
#pelement { \
font-size:200%; \
width:600px; \
text-align:right; \
\
-webkit-transition: all 0.8s ease-in-out; \
-moz-transition: all 0.8s ease-in-out; \
-o-transition: all 0.8s ease-in-out; \
transition: all 0.8s ease-in-out; \
} \
\
#pelement.supersize { \
font-size:500%; \
color:#F00; \
} \
\
#pelement.pelement_visible { \
display:block; \
} \
\
#pelement.pelement_invisible {\
display:none; \
} \
";
my_style_element = document.createElement("style");
my_style_element.type = "text/css";
my_style_element.appendChild(document.createTextNode(style_content));
document.getElementsByTagName("head")[0].appendChild(my_style_element);
//und an anderer Stelle in einer Funktion...
if (!kl_ongoing || etwas_anderes_was_hier_keine_Rolle_spielt) {
kl_ongoing = true;
my_pelement.classList.add("supersize");
mklcnto = window.setTimeout("my_pelement.classList.remove('supersize')",1000);
klof = window.setTimeout("kl_ongoing = false",1200);
}
some_checkbox.addEventListener("change", function() { my_pelement.classList.toggle("pelement_invisible"); }, true);
Ich hoffe ich hab nichts relevantes vergessen :)
Lt. MDC funktioniert das in Gecko und Webkit und ist bereits WHATWG-spezifiziert.
Wenns in Presto auch noch läuft bin ich zufrieden :) (hab ich noch nicht ausprobiert).
--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(