gegenseitige Prüfung

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

Ich wusste doch, ich hab was vergessen. Hallo Gunnar[tm]!

Genauso wie Stilangaben nicht inline in @style-Attribute gehören, gehören Eventhandler nicht inline in @on…-Attribute. Besser ist’s fein säuberlich getrennt: Inhalt/Struktur (HTML), Darstellung (CSS) und Verhalten (JavaScript):

<input type="radio" name="controls" id="control1"/> <label for="control1">Box 1</label>  
<input type="radio" name="controls" id="control2"/> <label for="control2">Box 2</label>  
<div id="box1">Dieses ist Box 1.</div>  
<div id="box2">Dieses ist Box 2.</div>  
  
<script type="text/javascript">  
[code lang=javascript]document.getElementById("control1").onclick = function () { document.body.className = "state1"; };  
document.getElementById("control2").onclick = function () { document.body.className = "state2"; };

</script>[/code]

Das Script darf natürlich (ebenso wie das Stylesheet) auch in einer externen Datei stehen.

Die nächste Verbesserung wären nicht zwei Eventhandler, sondern Event-Delegation …

Qapla'