Element Klasse löschen

Stefan87

Stefan87

Grünschnabel
Hallo,

ich habe folgendes:

Ein Menü mit rund 10 Buttons. Auf Klick eines Buttons wird eine JS-Funktion aufgerufen, die dem jeweiligen Button eine Klasse zuweist (andere Hintergrundgrafik).

Jetzt sollte natürlich bei Klick auf einen anderen Button die Klasse beim vorigen Button gelöscht/geleert werden.

Nur wie mache ich das? Gibt es so eine Funktion? Einfach .className = '' bringt nicht den erwünschten Erfolg.

Code: 
	document.getElementById('topbar').innerHTML = 'Wert: '+pText;
	document.getElementById('bar'+pText).className = 'aktiv';

Die untere Zeile ist die für die Zuweisung einer Klasse.

Wenn möglich, wäre es auch gut, wenn nur der LastActivity-Button die Klasse verliert, würde doch ordentlicher sein.

Sag gleich dazu, dass ich mit Javascript erst angefangen habe und so nicht unbedingt Profi-Begriffe verstehe :).

Vielen Dank,
Stefan
 
Hi,

wenn der Eigenschaft className ein Leerstring zugewiesen wird, sollte das Element die Formatierung verlieren.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
var objOld = null;
function theButton(objBtn){
  if(objOld != null)
    objOld.className = "";

  objBtn.className = "rot";
  objOld = objBtn;
}
 //-->
</script>
<style type="text/css">
  <!--
.rot{ color: #f00;}
 //-->
</style>
</head>
<body>
<ul>
  <li id="id_01" onclick="theButton(this)">Eins</li>
  <li id="id_02" onclick="theButton(this)">Zwei</li>
  <li id="id_03" onclick="theButton(this)">Drei</li>
</ul>
</body>
</html>
Vielleicht hilft dir das weiter.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück