✔ Keine Link Markierung mit Javascript - onclick Event

[mkoeni1]

Hallo,

ich habe auf einer Seite ein kleines Menu. onclick ruft eine Javascript Funktion auf die eine DIV einblendet. Das geht. Parallel sollte das onclick-Event auch den Link (Seminarbeschreibung) auf bold setzten. Das geht nicht. Kann mir jmd. weiterhelfen?

Datei:5.php

<ul>
    <li><a onclick="return toggleMe('seminar4besch')" href="javascript:void(0)" id="idseminar4besch">
Seminarbeschreibung
</a></li>
    <li><a onclick="return toggleMe('seminar4vort')" href="javascript:void(1)">Ihre Vorteile</a></li>
    <li><a onclick="return toggleMe('seminar4einzelth')" href="javascript:void(2)">Einzelthemen</a></li>
    <li><a onclick="return toggleMe('seminar4meth')" href="javascript:void(3)">Methoden</a></li>
    <li><a onclick="return toggleMe('seminar4ziel')" href="javascript:void(4)">Zielgruppe</a></li>
    <li><a onclick="return toggleMe('seminar4trai')" href="javascript:void(5)">Trainer</a></li>
    <li><a onclick="return toggleMe('seminar4term')" href="javascript:void(6)">Termine</a></li>
    <li><a onclick="return toggleMe('seminar4ablauf')" href="javascript:void(7)">Zeitlicher Ablauf</a></li>
    <li><a onclick="return toggleMe('seminar4preis')" href="javascript:void(8)">Preis</a></li>
    <li><a onclick="return toggleMe('seminar4res')" href="javascript:void(9)">Zimmerreservierung</a></li>
    <li><a onclick="return toggleMe('seminar4hot')" href="javascript:void(10)">Hotel</a></li>
</ul>

Darunter sind DIV Bereiche definiert die damit sichtbar werden:

<div id="seminar4besch" style="display:block">
<h3>Seminarbeschreibung</h3>
<p>
<!-- edit -->
Sie werden ...
<!-- edit -->
</p>
</div>

Die Javascript Funktion sieht so aus:

function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
        document.getElementById('seminar4besch').style.display = "none";
        document.getElementById('seminar4vort').style.display = "none";
        document.getElementById('seminar4einzelth').style.display = "none";
        document.getElementById('seminar4meth').style.display = "none";
        document.getElementById('seminar4ziel').style.display = "none";
        document.getElementById('seminar4trai').style.display = "none";
        document.getElementById('seminar4term').style.display = "none";
        document.getElementById('seminar4ablauf').style.display = "none";
        document.getElementById('seminar4preis').style.display = "none";
        document.getElementById('seminar4res').style.display = "none";
        document.getElementById('seminar4hot').style.display = "none";
        document.getElementById('idseminar4besch').style = "font-size:13pt;";
    e.style.display="block";
  } else {
    e.style.display="none"
  }
  return true;
}

Vielen Dank und Gruß
Matze

 

[xthetronx]

Hi,

versuchs mal damit:

	document.getElementById("idseminar4besch").style.fontWeight = "bold";

Gruß

Torsten

 

[mkoeni1]

so funktionierts Danke ;-)