|
|||
Navi CSS & Javascript - okay so?
Hallo Experten
Meine erste reine CSS-Seite ist fertig. Bitte schaut Euch mal meine Navigation an. Die Funktion soll so erhalten bleiben, allerdings ist mir die irgendwie zu kompliziert... gehts denn einfacher oder ist das so gut gelöst? Hier der Link zur Seite: xxxx Freu mich auf Eure Meinungen! Viele Grüße, azi |
Sponsored Links |
Sponsored Links |
|
|||
Mit dem Javascript muss ich zustimmen. Zumindest sollte für solche Besucher eine Sitemap oder alternative Textlinks unten existieren.
Vom Aufbau und Design her find ich die Seite gut. Seriös genug für den Einsatzzweck aber trotzdem nicht langweilig. Farben sind gut abgestimmt und die Bilder gut positioniert. Die Ladezeiten sind auch i.O. Insgesamt eine gute Präsenz. Björn |
|
|||
So, erstmal vielen Dank schonmal!!
Bezüglich der Javascript-Navigation hab ich mir viele Gedanken gemacht... Habt Ihr denn eine Lösung, wie ich die Funktionalität OHNE Javascript realisieren könnte? Ansonsten werde ich denke ich eine Umleitung einbauen... wenn keine Javascript, dann alle Menüpunkte immer aufgeklappt...oder so? Bei "Service" - "Links" ist es ja das gleiche, der User ohne JS sieht da auch keine Links... Wobei ich mich andererseits auch Frage: Warum, bzw. WER hat denn KEIN Javascript aktiviert? Ist doch heutzutage fast unerlässlich im Web, oder? Gibts da Statistiken, wieviele User kein JS aktiviert haben? |
|
|||
Zitat:
Zitat:
Zitat:
- Sicherheit (insbesondere IE hat da bekanntlich schwächen - übrigens gibt es immer noch Firmen die grundsätzlich JS im Internet in ihrem internen Netzwerk herausfiltern) - Nerv-Faktor (JS wird fast ausschließlich für unnütze, nervige Spielereien, PopupFenster, Werbebanner etc. verwendet) - Behinderungen: Viele Behinderungen lassen eine sinnvolle Steuerung von Webseiten mit JS gar nicht zu. Deine Seite ist ein Beispiel: Nicht jeder kann eine Maus benutzen. Steck mal deine Maus aus, und versuche dann auf der Seite mit der Tastatur zu navigieren. - Dann gbt es natürlich Browser die einfach kein JS können, insbesondere auf den immer beliebter werdenden mobilen Geräten (PDA, Handy) Nochmal zu deiner Site. Da gibt es noch ein paar andere Punkte: - In der Naviation sehen Links, die zu anderen Seiten führen genau so aus, wie die die keine Links sind. Insbesonder ohne JavaScript ist diese Unterscheidung wichtig. - Aus in der Naviagtion: Wenn mann mit der Maus über die graue Fläche geht, bekommt man eine "Link-Hand", aber wenn man klickt passiert nichts. Etwas wenn man auf den Text klickt funktionierts. - Dein HTML ist schlecht strukturiert: Die Navigiation schreit danach, in Listenelementen gepackt zu werden. - Warum gibt es sieben JS-Funktionen, die funktionell identisch sind? - Du hast massenweise unnötige IDs und Klassen. Ich glaube das reicht erstmall... |
|
|||
Zitat:
Zitat:
Die sieben JS-Funktionen hab ich deshalb, weil ich in JS nicht so firm bin, daß ich mir eine benötigte JS zusammenschreiben könnte... Sie soll steuern können, daß außer dem gerade geöffneten Menüpunkte alle anderen zu gehen (display:hide). Wie könnte diese Funktion aussehen? Hab leider nirgends was derartiges gefunden...! |
|
|||
Zitat:
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() { var nav = document.getElementById('nav'); var item = nav.firstChild; while (item) { if (item.tagName && item.tagName.toLowerCase() == "li") { displaySubNav(item, "none"); } item = item.nextSibling; } } function showNavigation(li) { hideNavigation(); displaySubNav(li, "block"); } </script> <body onload="hideNavigation()"> <ul id="nav"> [*]Punkt 1 <ul> [*]Subpunkt 1.1 [*]Subpunkt 1.2 [*]Subpunkt 1.3 [/list] [*]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> |
|
|||
WOW!
Das sieht schonmal super aus!! 1000 Dank! Aber wie kann ich da beeinflussen, daß wenn ich z.b. auf Subpunkt2.1 klicke und die Seite 2.1 dann geladen ist, automatisch die Navi bei onload wieder den Navi-Punkt2 aufklappt? Seh ich das richtig, daß ich bei der CSS.Formatierung der li's und ul's gar nicht erwähne, ob display:none ist? Also ich lass das komplett weg, damit der User ohne JS die gesamt aufgeklappte navi sieht, ja? Kannst Du Dich bitte öfters so produktiv "langweilen"?? |
|
|||
Zitat:
Code:
function hideNavigation(aktuellOffenlassen) { var nav = document.getElementById('nav'); var item = nav.firstChild; while (item) { if (item.tagName && item.tagName.toLowerCase() == "li" && (!aktuellOffenlassen || item.className != "aktuell")) { displaySubNav(item, "none"); } item = item.nextSibling; } } Code:
onload="hideNavigation(true)" Und schließlich das li-Element des Menü-Punkts, das offenbleiben soll mit class="aktuell" markieren: Code:
<li class="aktuell">Punkt 1 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 13:25 |
IE verschiebt Navi Menü | macmensa | CSS | 7 | 17.08.2009 17:45 |
Probleme mit horizontaler Navi rechts | lila_3 | CSS | 2 | 14.07.2009 22:36 |
CSS Navi macht im Mozilla Firefox probleme! | Cookiee | CSS | 3 | 17.05.2007 14:56 |
Erstes Site-Layout in CSS, fast ohne Tabellen, okay? | Multikulti | CSS | 3 | 02.05.2006 11:16 |