background von div per Javascript ändern

[Gunnar Bittersmann]

@@Peer:

nuqneH

Ich bin gespannt was nun schon wieder falsch ist

Der Einsatz von JavaScript.

Außerdem: die Notation von Stilangaben inline in @style-Attributen, unsinnige 'br'-Elemente.

Markup:

<input type="checkbox">  
<div>Mein Text</div>

Wobei der Text je nachdem besser in 'p' oder in 'http://de.selfhtml.org/html/formulare/strukturieren.htm#label@title=label' aufgehoben wäre.

Stylesheet:

body  
{  
	background: gray;  
}  
  
p  
{  
	background: yellow;  
	height: 50px;  
	width: 200px;  
	text-align: center;  
}  
  
input:checked+p  
{  
	background: green;  
}

Fertig!

Naja, fast. Es sollen noch Browser im Umlauf sein, die die Pseudoklasse :checked noch nicht kennen und doch der Nachhilfe per JavaScript bedürfen – als CSS-Expression:

p  
{  
	background-color: expression( [code lang=javascript](new Function('elem', '\  
[code lang=javascript]		var box = document.getElementById("box");\  
		var setColor = function () \{ elem.style.backgroundColor = box.checked ? "green" : "yellow"; \};\  
		box.onclick = setColor;\  
		setColor();\

'))(this)[/code] );  

}[/code]

Qapla'