IPB

Willkommen, Gast ( Anmelden | Registrierung )

> DHTML Menü?
harlequin
Beitrag 25.02.2004 - 12:41
Beitrag #1


DELETE FROM users WHERE search_count < 1
Gruppensymbol

Gruppe: Admin
Beiträge: 314
Mitglied seit: 15.07.1976
Wohnort: Osnabrück
Mitglieds-Nr.: 2



moin!

Arbeite grade an einem Design und stehe vor einem Problem, welches mit Kopfschmerzen droht... :-)
Also so soll es aussehen:


Wobei der obere Button 'normal' ist und der untere MouseOver mit einem Menü, welches aufpoppt.
Mir machen diese gerundeten Ecken des 'Pop' Menüs Sorgen und da ich mich bisher nicht mit solchen Kram beschäftigt habe und google, bzw. hotscripts.com noch keine befriedigende Lösung ausspuckte (muss ja net gleich Kohle kosten) wende ich mich nun an unsere 'DHTML' Junkies....
Der Weg führt wohl net an Javascript vorbei, oder? :haeh:
(BTW: Ich code sonst ausschließlich PHP - das ist wenigstens ne echte Sprache!! *g*)

have fun!
Lars
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
Gast_heinzelhund_*
Beitrag 25.02.2004 - 13:43
Beitrag #2





Gäste






Hallo,

die Ecken wirst du nur mit Hilfe von kleinen Gifs hinkriegen.

Also:
-Tabelle bauen und die Gifs in die Ecken setzen. Dazwischen hast du alle Freiheiten

-dann deine Submenüs plazieren und über CSS auf "visibility: hidden;" setzen

-mit JS-Events in deinen Knopf angeben. (wahlweise onmouseover oder onclick) und mittels einer kleinen JS-Funktion erscheinen lassen:
QUELLTEXT
function hin/weg ()

 { document.getElementById('id').style.visibility = "visible/hidden"; };

Wenn du mit 'onmouseover' arbeitest, kannst du im Knopf bequem einen alternativen HTML-Link angeben. Falls du 'onclick' verwendest, kannst du alternative HTML-Links setzen, wenn du die Funktionen hin() und weg() noch 'false' (return false;) zurückgeben lässt, damit diese im Falle von aktiven JS die HTML-Links deaktivieren.

Ciao
Heinzelhund


Ergänzung:
Funktioniert nur ab IE 5+, NS6+, Moz (wg. getElement ById),
um eine Fehlermeldung zu vermeiden könnte man noch folgendes machen:
QUELLTEXT
function hin/weg ()

 {

   if (document.getElementById)

     { document.getElementById('id').style.visibility = "visible/hidden"; return false;};

 };

Bei einem alternativen HTML-Link verwenden ältere Browser nun diesen. smile.gif
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 15.05.2025 - 11:20

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here