|
|||
highlighting javascript -fehler
Hallo ich habe ein Javascript, das mir meine aktuellen Seiten im menu highlightet.
Das funktioniert auch. 1. Ich habe jetzt zwei Ebenen und hätte erwartet, dass auch der parent node (der in meinem schript erwähnt wird) gehighlightet wird. Wird er aber nicht. Kann mir jemand sagen, warum? ----------------------------------------------------------- 2. Es wird ja der Name der Seite ausgelesen - ich würde den gern automatisch in meine #menubutt a reinschreiben. Könnte mir auch da jemand weiterhelfen, wie man das schreibt? Hier der code in der js: Code:
function extractPageName(hrefString) { var arr = hrefString.split('/'); return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase(); } function setActiveMenu(arr, crtPage) { for (var i=0; i<arr.length; i++) { if(extractPageName(arr[i].href) == crtPage) { if (arr[i].parentNode.tagName != "DIV") { arr[i].className = "current"; arr[i].parentNode.className = "current"; } } } } function setPage() { hrefString = document.location.href ? document.location.href : document.location; if (document.getElementById("navineu-oben")!=null) setActiveMenu(document.getElementById("navineu-oben").getElementsByTagName("a"), extractPageName(hrefString)); } Code:
<div id="navineu-oben"> <div id="menubutt"><a href="#" class="closed">MENU - bitte klicken</a></div> <div id="klappmenu"> <ul> <li><a title="Biografie" href="#">Biografie</a> <ul class="sub"> <li><a title="Das Ensemble" href="ensemble.php">Das Ensemble</a></li> <li><a title="M.Reissenweber" href="m-reissenweber.php">M.Reissenweber</a></li> <li><a title="S.Eisermann" href="s-eisermann.php">S.Eisermann</a></li> <li><a title="M.Rupprecht" href="m-rupprecht.php">M.Rupprecht</a></li> </ul> </li> <li><a title="Repertoire" href="repertoire.php">Repertoire</a></li> <li><a title="Presse/Referenzen" href="#">Presse/Referenzen</a> <ul class="sub"> <li><a title="Presse" href="presse.php">Presse</a></li> <li><a title="Referenzen" href="referenzen.php">Referenzen</a></li> <li><a title="Studien" href="studien.php">Studien</a></li> </ul> </li> <li><a title="Auszeichnungen" href="auszeichnungen.php">Auszeichnungen</a></li> <li><a title="Fotos" href="fotos.php">Fotos</a></li> <li><a title="Klangbeispiele" href="klangbeispiele.php">Klangbeispiele</a></li> <li><a title="J.B.Vuillaume" href="j-b-vuillaume.php">J.B.Vuillaume</a></li> <!-- <li class="line"></li>--> </ul> <script language="javascript" type="text/javascript" >setPage()</script> <div class="klier"></div><!-- /klier --> </div><!-- /klappmenu--> </div><!--/navineu-oben --> <div class="klier"></div><!-- /klier --> die "navineu-oben" ist die Navi, die man auf screens schmaler als 980px zu sehen kriegt. Vuillaume-Trio München ich hoffe, ich habe alles relevante geschrieben. vielen Dank für eure Hilfe! Irmen |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Javascript Fehler nur bei IE | Laikos | Javascript & Ajax | 6 | 29.03.2011 17:05 |
Wort in Javascript Code einfügen; dann Javascript Code ausgeben | Sp33dy G0nz4l3s | Javascript & Ajax | 1 | 23.05.2008 10:37 |
Impressumsaufruf mit Javascript | Sinclair | Javascript & Ajax | 6 | 19.05.2008 16:41 |
JavaScript Dateien dynamisch nachladen | Dave.ch | Javascript & Ajax | 1 | 07.12.2007 01:16 |
Formularelement per JavaScript - Fehler bei Validierung | edv-rs | Javascript & Ajax | 3 | 06.09.2007 14:05 |