|
|||
Zitat:
Den bei der function showNavigation? Ansonsten: Klappt schon super, echt klasse... bin grad am Einbauen... |
Sponsored Links |
|
|||
So, ich hab das jetzt mal so umgesetzt.
XXXXXX Irgendwie gefällts mir noch nicht 100%ig, weil jetzt jedes Mal wenn man eine neue Seite aufruft, erstmal die Navigation komplett aufklappt und dann erst wieder runterklappt. Gibts da ne Lösung? Also vielleicht doch lieber eine Javascript ja/nein Weiche zu Beginn der Seite, die auf unterschiedliche CSS-Dateien verweist? |
Sponsored Links |
|
|||
OK, hab nicht viel Zeit dehalb kurz zwei alternative Vorschläge: Das onload="..." rausnehmen und stattdessen entweder
A) direkt nach dem schliessenden[/list]Tag der Navigation forlgendes einbauen: Code:
<script type="text/javascript"> hideNavigation(true); </script> Code:
document.write("<style type='text/css'>#nav ul {display: none;}</style>"); |
|
|||
Ein dreifaches Hoch auf den jungen Gott des CSS - RoToRa!!
Dein erster Tipp funktioniert perfekt!!! Methode zwei funzt nicht, da klappt der derzeit aktive Menüpunkt nicht mehr auf beim Laden der Seite. Aber wow, echt super mit Tipp 1 Wenn Du mir jetzt noch in einer langweiligen Minute nen Tipp für "Service" - "Links" geben kannst? Soll so funktionieren wie jetzt, aber auch wenn Javascript deaktiviert ist, alle Links anzeigen... |
|
|||
Zitat:
Code:
<html> <script type="text/javascript"> function displaySubNav(li, display) { var ul = li.getElementsByTagName('ul'); if (ul && ul[0]) ul[0].style.display = display; } function hideNavigation(nav) { var item = nav.firstChild; while (item) { if (item.tagName && item.tagName.toLowerCase() == "li") { displaySubNav(item, "none"); } item = item.nextSibling; } } function showNavigation(li) { hideNavigation(li.parentNode); displaySubNav(li, "block"); } document.write("<style type='text/css'>#nav li ul {display: none;} #nav li.aktuell ul {display: block;}</style>"); </script> <body> <ul id="nav">[*]Punkt 1 <ul>[*]Subpunkt 1.1[*]Subpunkt 1.2[*]Subpunkt 1.3[/list] <li class="aktuell">Punkt 2 <ul>[*]Subpunkt 2.1[*]Subpunkt 2.2[*]Subpunkt 2.3[/list] [*]Punkt 3 <ul>[*]Subpunkt 3.1[*]Subpunkt 3.2[*]Subpunkt 3.3[/list] [/list]</body> </html> Zitat:
Noch was zu deiner Implementation des Menüs: Code:
[*]<a href="content/aktuelles/aktuelles.htm" onclick="showNavigation(this.parentNode);" class="hauptnav"> <div class="hauptpunkt">Aktuelles</div></a> <ul>[*]Firmenprofil [/list] Code:
[*]<a href="content/aktuelles/aktuelles.htm" onclick="showNavigation(this.parentNode);"> Aktuelles</a> <ul>[*]Firmenprofil [/list] Code:
#nav a { display: block; ... } #nav a:link { ... } ... #nav ul a { ... } #nav ul a :link { ... } |
|
|||
Danke Dir!!
Na da hätt ich ja wirklich selbst drauf kommen können, mit display:block. Hab zwar schon vieles an der Navi ausprobiert, aber darauf bin ich nicht gekommen...! Ich hab die Änderungen gleich umgesetzt und online gestellt. So funktionierts jetzt echt perfekt. Super! Jetzt mach ich mich mal an die Linkliste... das wird schon werden, jetzt bin ich ja wieder ein bissl schlauer, dank RoToRa-Superstar! |
|
|||
Nur kurz , da ich Arbeiten muss:
Ohne Javascript überdeckt das aufgeklappte Menü die Adresse links unten (in nicht IE). Nimm das "height" aus der Regel #nav, oder mach da wenigstens ein "min-height" raus. Oder besser: Code:
#nav { height: XXXpx; } #leftbox>#nav { height: auto; min-height: XXXpx; } |
|
|||
Oh! Super Sache!!
Ich dachte schon, damit müßt ich leben... Hast Du spontan ne Idee, wie ich bei der Seite "Service"-"Links" beim aufklappen eines Listenpunktes das Plus-Icon gegen ein Minus austauschen könnte? Und wie ich verhindere, daß beim IE der Disclaimer-DIV abgeschnitten wird, wenn ich einen Listenpunkt auf- und wieder zugeklappt habe? Mann, ich hasse den IE wirklich....grrrr |
Sponsored Links |
|
|||
Wieder ganz kurz und ungestesten zusammengehackt:
Zitat:
Code:
function show(me, li) { var ul = li.getElementsByTagName('ul'); if (ul && ul[0]) { if (ul[0].style.display == "block") { ul[0].style.display = "none"; li.style.listStyleImage = '(Pfad zu Minus-Graphik)'; } else { ul[0].style.display = "block"; li.style.listStyleImage = '(Pfad zu Plus-Graphik)'; } } } </script> Code:
<li onclick="show(this)">Ausschreibungen <ul>..[/list] Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
IE verschiebt Navi Menü | macmensa | CSS | 7 | 17.08.2009 16:45 |
Probleme mit horizontaler Navi rechts | lila_3 | CSS | 2 | 14.07.2009 21:36 |
CSS Navi macht im Mozilla Firefox probleme! | Cookiee | CSS | 3 | 17.05.2007 13:56 |
Erstes Site-Layout in CSS, fast ohne Tabellen, okay? | Multikulti | CSS | 3 | 02.05.2006 10:16 |