DP Rolldown Menü

[flomei]

Hallo!
Es gibt ja dieses tolle Menü da oben links und ich hätte auch gerne so eins.
Hat irgendwer nen paar Google Stichwörter oder vielleicht Code für so ein Menü?

Ich wollte den Code eigentlich auch nicht aus der DP raussuchen weil man da ja gar nix bei lernt.
Also wär ein wenig kommentierter Code nicht schlecht...

Danke im Vorraus!

MfG Florian :dp:

[EDIT] Für die die nicht wissen welches Menü ich meine habe ich nen Screenshot in den Anhang gepackt... [/EDIT]

[czapie]

Hallo Flomei,

das Stichwort ist JavaScript bzw. Layer.
Du mußt jedoch brwoserspezifisch programmieren:

Delphi-Quellcode:

var ie = (document.all) ? true : false;
var ns4 = (document.layers) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;

Den eigentlichen Layer erstellst du dann über einen <div>-Tag

Delphi-Quellcode:

<div id="testlayer">Das ist ein Tes-Layer</div>

Auf diesen Bereich kannst du dann nun zugreifen, verstecken würdest du ihn z.B. folgendermaßen:

Delphi-Quellcode:

  if (ie) {
        document.all['testlayer'].style.visibility = "hidden";
  if (ns4) {
        document.layers['testlayer'].visibility = "hidden";
  if (ns6) {
        document.getElementById(['testlayer']).style.display = "none";

Hoffe das reicht zur Starthilfe.
Czapie.

[flomei]

Ist es denn nicht so, dass nur der IE6 mit Layern umgehen kann oder schmeiss ich da grad was durcheinander?
Ich meine mein Firebird kann das Menü ja auch anzeigen. Also können das mit den Layern entweder alle Browser oder das ist irgendwie anders gemacht.
Am Besten wäre ja eine "Ultimativ"-Lösung die für alle Browser gleich ist...

MfG Florian :hi:

[czapie]

Mh,
da ist ja shcon eine Unterscheidung drinne!
Das erste Code-Fenster überprüft wie der akt. verwendete Browser auf Elemente zugreift und unterscheidet, dann eben für jede Prozedur, die Arbeitsweise Browserabhänging.
Das sollte funktionieren für IE4 und höher NS-Comm. 4 und höher und eben auch NS 6 und höher.
Wenn du dich überzeugen willst ->
Cafes-in-Berlin.com
Die Navigation, also dieser zweite untere Balken ist genau damit gemacht, ja und das sollte eigentlich für den Großteil der Browser funktionieren. Kannst es ja gerne mal mit ein paar kritischen Kandidaten testen.
Czapie.

[CalganX]

Hi,
Dropdown menu dhtml

Oder direkt: http://www.brothercake.com

Chris

[flomei]

DANKE euch Beiden!
Werde mir die Sachen morgen in Informatik mal angucken (hab ja sonst nichts zu tun, weil ich immer als erster fertig bin... :mrgreen:)

MfG Florian :hi:

[Sanchez]

@czapie
bei mir funktioniert die Navi auf deiner Seite nicht. Am Anfang sehe ich im unteren Balken ein paar Menüpunkte, aber die verschwinden sofort wieder.

Hab übrigens IE6.

[EDIT]Funktioniert doch,
allerdings sieht man beim Menü über dem Balken nicht, dass es hier was zu klicken gibt. Der Mauszeiger wird zum Cursor und der Style verändert sich auch net. Sieht aus wie normaler Text, lässt sich aber klicken[/EDIT]

[czapie]

Mh ja, ich gebe zu, das der Cursor eicht verwirrend ist,
wir dnoch geändert versprochen.

Dass du kurz ein paar Unterpunkte siehst die dann verschwinden, liegt daran, dass zuerst diese Layer generiert werden und dann anschließend versteckt werden.

Czapie.

[Luckie]

Navigation ist gut. IE6 mit höchster Sicherheitsstufe, kein Javascript, kein ActiveX. Ergo: Seite unbedienbar für mich. :?

[RomanK]

Hoi,
ich hätte da noch ne gute Seite:
http://dhtml.seite.net/