[HaBo]

RemoteC · 03.09.06, 20:11

Hallo!

Da bin ich nochmal. Ich suche ein JS für ein Navigations-Pop-Down Menü (heißt das so?!). Über Google und mir schon bekannte Seiten habe ich ein paar Skripts gefunden, allerdings haben die bei mir weder im IE noch im FF 1.5 gefunzt, JS natürlich aktiviert.

Damit allen klar ist was ich suche: http://de.asus.com/, so wie das Menü oben mit 'Produkte Awards Support ...'. Also wenn man mit der Maus drüber fährt (nicht erst auf Klick) kommt ein Sub-Menü. Animation während des "rausfahrens" brauche ich keine, die meisten dieser Animationen unterstützt eh nur der IE. Das Skript sollte auf allen gängien Browser funktionieren (Netscape nicht mehr ^^).

Oder habe ich da nur mit Flash Chancen, dass es wirklich funzt?! Wo wir allerdings wieder beim Thema barrierefrei wären. Jemand der aus welchen Grund auch immer kein Flash hat, hätte dann die Arschkarte gezogen. Also lieber JS, weil da muss jemand mit deaktivierten 1x mehr klicken und nicht ganz auf die Navigation verzichten. Und die, die JS deaktiviert haben sind meistens keine DAUs.

PS: Mir fällt gerade auf, dass bei mir (FF 1.5 und Suse 10.1) das Flash-Banner eine Ebene über dem Navigations-Sub-Menü ist - liegt das an Linux oder FF?

**Mackz** · 03.09.06, 20:19

Was du suchst ist ein Drop-Down Menü.
Ich habe zwar keinen direkten Link für dich aber schau mal bei http://www.dynamicdrive.com vorbei. Da wirst du fündig. Die Scripte dort sollten auch mit dem meisten Browsern kompatibel sein.
(Zum Beispiel das hier: http://www.dynamicdrive.com/dynamici...owncontrol.htm )
Mit Flash würde ich das nicht unbedingt machen, da du da Probleme bekommst, sobald die Navi normalen HTML Content überlagern soll.

Anzeige

- Anzeige -

LX · 03.09.06, 22:35

Schau dir mal diese Kreation meinerseits von vor ein paar Jahren an. Das öffnet die Untermenues momentan nur bei Klick, aber das onclick durch onmouseover zu ersetzen sollte nicht das Problem sein *g

Hackse · 09.09.06, 14:58

Geh' mal links in der Navigation meines aktuellen Web-Projekts auf den Button "Kampfkunst": http://www.talaie-martial-arts.de.vu/
Im Prinzip kannst Du z.B. über document.getElementById(ID_DES_DIVS).style.height einfach die Hoehe verändern um den Effekt zu erzielen. Die Buttons existieren bereits, das DIV hat eine Höhe von 0px, welche durch die Funktion fade_in() einfach inkrementiert wird. Ist zwar kein Drop-Down in dem Sinne, ist aber ähnlich.

Code:

// fades buttons in screen
      function fade_in(){
          if (fade < AREA_HEIGHT){
              document.getElementById('navigation_div').style.height=fade+'px';
              fade+=3;
              window.setTimeout('fade_in()', 5);
          } else shine();
      }

Greetz
Hackse

Anzeige

- Anzeige -

03.09.06, 20:11	#1 (permalink)
RemoteC Registriert seit: 11.07.05 Likes: 0	Navigation Pop-Down Menü Anzeige Hallo! Da bin ich nochmal. Ich suche ein JS für ein Navigations-Pop-Down Menü (heißt das so?!). Über Google und mir schon bekannte Seiten habe ich ein paar Skripts gefunden, allerdings haben die bei mir weder im IE noch im FF 1.5 gefunzt, JS natürlich aktiviert. Damit allen klar ist was ich suche: http://de.asus.com/, so wie das Menü oben mit 'Produkte Awards Support ...'. Also wenn man mit der Maus drüber fährt (nicht erst auf Klick) kommt ein Sub-Menü. Animation während des "rausfahrens" brauche ich keine, die meisten dieser Animationen unterstützt eh nur der IE. Das Skript sollte auf allen gängien Browser funktionieren (Netscape nicht mehr ^^). Oder habe ich da nur mit Flash Chancen, dass es wirklich funzt?! Wo wir allerdings wieder beim Thema barrierefrei wären. Jemand der aus welchen Grund auch immer kein Flash hat, hätte dann die Arschkarte gezogen. Also lieber JS, weil da muss jemand mit deaktivierten 1x mehr klicken und nicht ganz auf die Navigation verzichten. Und die, die JS deaktiviert haben sind meistens keine DAUs. PS: Mir fällt gerade auf, dass bei mir (FF 1.5 und Suse 10.1) das Flash-Banner eine Ebene über dem Navigations-Sub-Menü ist - liegt das an Linux oder FF?

03.09.06, 20:19	#2 (permalink)
Mackz Administrator Registriert seit: 02.10.01 Likes: 30	Was du suchst ist ein Drop-Down Menü. Ich habe zwar keinen direkten Link für dich aber schau mal bei http://www.dynamicdrive.com vorbei. Da wirst du fündig. Die Scripte dort sollten auch mit dem meisten Browsern kompatibel sein. (Zum Beispiel das hier: http://www.dynamicdrive.com/dynamici...owncontrol.htm ) Mit Flash würde ich das nicht unbedingt machen, da du da Probleme bekommst, sobald die Navi normalen HTML Content überlagern soll. __________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan

03.09.06, 22:35	#3 (permalink)
LX Moderator Registriert seit: 14.02.06 Likes: 21	Schau dir mal diese Kreation meinerseits von vor ein paar Jahren an. Das öffnet die Untermenues momentan nur bei Klick, aber das onclick durch onmouseover zu ersetzen sollte nicht das Problem sein g __________________ "Ever tried. Ever failed. No matter. Try again. Fail again. Fail better." - Samuel Beckett* JS BB LX UP

09.09.06, 14:58	#4 (permalink)
Hackse Registriert seit: 31.07.06 Likes: 32	Geh' mal links in der Navigation meines aktuellen Web-Projekts auf den Button "Kampfkunst": http://www.talaie-martial-arts.de.vu/ Im Prinzip kannst Du z.B. über document.getElementById(ID_DES_DIVS).style.height einfach die Hoehe verändern um den Effekt zu erzielen. Die Buttons existieren bereits, das DIV hat eine Höhe von 0px, welche durch die Funktion fade_in() einfach inkrementiert wird. Ist zwar kein Drop-Down in dem Sinne, ist aber ähnlich. Code: // fades buttons in screen function fade_in(){ if (fade < AREA_HEIGHT){ document.getElementById('navigation_div').style.height=fade+'px'; fade+=3; window.setTimeout('fade_in()', 5); } else shine(); } Greetz Hackse

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Design-Navigation	Mani	(Web-) Design und webbasierte Sprachen	9	10.07.08 10:29
Tables- Navigation	f100d	(Web-) Design und webbasierte Sprachen	17	12.06.06 15:59
Frage zur Navigation	wanksta2003	Code Kitchen	0	06.03.04 15:30
Navigation erstellen	NetObserver	(Web-) Design und webbasierte Sprachen	8	25.04.02 00:04
Menü unter Navigation	Brainscan	(Web-) Design und webbasierte Sprachen	7	16.12.01 13:29

[HaBo]

Navigation Pop-Down Menü