Hallo, habe ein kleines Menuscript geschrieben und würde benötigen, dass wenn ein Unterpunkt aufgemacht wird, der Oberpunkt eine andere Farbe erhält.
Habs mit style.linkColor, style.fgColor und style.color versucht, jedoch ohne Erfolg.![Frown :( :(](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Jemand einen Rat?
Hier der code:
Das Menu:
Javascript function dazu:
Danke vielmals und mfG
Chris
Habs mit style.linkColor, style.fgColor und style.color versucht, jedoch ohne Erfolg.
Jemand einen Rat?
Hier der code:
Das Menu:
Code:
<ul class="menu">
<li id="profil" class="upper"><a href="javascript:show('profil')">Büroprofil</a></li>
<li id="steckbrief" class="inner"><a href="?page=steckbrief">Steckbrief »</a></li>
<li id="leistungsbereich" class="inner"><a href="?page=leistungsbereich">Leistungsbereich »</a></li>
<li id="team" class="inner"><a href="?page=team">Team »</a></li>
<li id="referenzen" class="upper"><a href="javascript:show('referenzen')">Referenzen</a></li>
<li id="betonbau"><a href="?page=projekte&art=betonbau">Betonbau »</a></li>
<li id="betonbauinplanung"><a href="?page=projekte&art=betonbau&type=inplanung">in Planung »</a></li>
<li id="betonbauinbau"><a href="?page=projekte&art=betonbau&type=inbau">in Bau »</a></li>
<li id="betonbaugebaut"><a href="?page=projekte&art=betonbau&type=gebaut">gebaut »</a></li>
<li id="holzbau"><a href="?page=projekte&art=holzbau">Holzbau »</a></li>
<li id="holzbauinplanung"><a href="?page=projekte&art=holzbau&type=inplanung">in Planung »</a></li>
<li id="holzbauinbau"><a href="?page=projekte&art=holzbau&type=inbau">in Bau »</a></li>
<li id="holzbaugebaut"><a href="?page=projekte&art=holzbau&type=gebaut">gebaut »</a></li>
<li id="stahlbau"><a href="?page=projekte&art=stahlbau">Stahlbau »</a></li>
<li id="stahlbauinplanung"><a href="?page=projekte&art=stahlbau&type=inplanung">in Planung »</a></li>
<li id="stahlbauinbau"><a href="?page=projekte&art=stahlbau&type=inbau">in Bau »</a></li>
<li id="stahlbaugebaut"><a href="?page=projekte&art=stahlbau&type=gebaut">gebaut »</a></li>
<li id="jobangebote" class="upper"><a href="?page=jobs">Jobangebote</a></li>
<li id="kontakt" class="upper"><a href="javascript:show('kontakt')">Kontakt</a></li>
<li id="lageplan"><a href="?page=lageplan">Lageplan »</a></li>
<li id="anschrift"><a href="?page=anschrift">Anschrift »</a></li>
<li id="impressum"><a href="?page=impressum">Impressum »</a></li>
</ul>
Javascript function dazu:
Code:
function show(divid){
if(divid == "profil"){
document.getElementById('steckbrief').style.display = "inline";
document.getElementById('leistungsbereich').style.display = "inline";
document.getElementById('team').style.display = "inline";
}
else if(divid == "referenzen"){
document.getElementById('betonbau').style.display = "inline";
document.getElementById('holzbau').style.display = "inline";
document.getElementById('stahlbau').style.display = "inline";
}
else if(divid == "kontakt"){
document.getElementById('lageplan').style.display = "inline";
document.getElementById('anschrift').style.display = "inline";
document.getElementById('impressum').style.display = "inline";
}
}
Danke vielmals und mfG
Chris