Deus Figendi: +CSS mehrere Umschalt-Klassen verwalten

Beitrag lesen

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:(