Hallo!
Ich würde gerne, sobald der User auf eine div-box klickt, die Box anders formatieren.
Mein Versuch:
<div class="subs">
<div class="sub">
<div class="subName">-</div>
<div id="a1" onclick="aendern('a1')" class="subChild">---</div>
<div id="a2" onclick="aendern('a2')" class="subChild">---</div>
</div>
<div class="sub">
<div class="subName">-</div>
<div id="b1" onclick="aendern('b1')" class="subChild">---</div>
</div>
</div>
und in der js-datei ist:
function aendern(id) {
var element = document.getElementByIdName(id);
if (element.className=='subChild') {
element.className='subHighlight';
} else {
element.className='subChild';
}
}
Ich hab bisher keine Erfahrung in JS gesammelt, aber sollte das nicht klappen? Ich hab auch schon einen Button positioniert und dem die Funktion zugewiesen, da passiert aber aucht nichts. Firebug scheint die Methode beim laden der Seite zu benutzen und dann nicht mehr >.<
Eingebunden ists so:
<html>
<head>
<title>###</title>
<link rel="stylesheet" type="text/css" href="./css/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="./css/print.css" media="print" />
<script src="./css/jscript.js" type="text/javascript"></script>
<head>
<body>