+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Css (https://javascript-forum.de/forumdisplay.php?fid=7)
+--- Thema: Hover-Dropdown-Menü (/showthread.php?tid=475)
Hover-Dropdown-Menü - admin - 18.04.2022
Hab heute ein Hover-Dopdown-Menü erstellt, wobei der Dropdown Button erscheint sobald man mit der Maus über ein gewünschtes Feld fährt.
Der Dropdown Button erscheint dann in diesem.
Hier kurz der simple Code:
Code:
.Feld.dropdownbutton{
display:none;
}
.Feld:hover .dropdownbutton{
display:block;
position: absolute;
right:0;
top:0;
margin-right: 5%;
border: 0px;
background-color: transparent;
outline: none;
cursor: pointer;
width: 8px;
height: 25px;
}RE: Hover-Dropdown-Menü - admin - 18.04.2022
Hast du dazu auch eine Frage ? Oder wollst du nur mal waas zeigen ?
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Ouh ich glaube, dann habe ich deine PN falsch verstanden. Ich dachte, du meinst, ich solle auch dazu einen Thread aufmachen
Verstanden habe ich das
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Nee, nicht falsch verstanden, ich hatte nur vergessen, was du genau wolltest. Was soll dieses Script den jetzt genau machen? Das wollte ich vergessen weil ich habe ja kleine Hirn und vergesse immer alles
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Also das Script ist quasi nur um das "Auge zu entlasten". Wenn ich z.B. ein Bild darstelle, möchte ich das ja schön angezeigt haben. Aber vielleicht möchte ich es ja löschen oder bearbeiten oder sonstiges. Deshalb macht das Script, sobald ich mit der Mouse über ein Element fahre (z.B. ein Bild) erscheint IN diesem Element ein Dropdown Button, in dem ich dann ganz normal Menüpunkte unterbringen kann. Geh ich mit der Maus vom Bild, ist alles wieder "lupenrein" dargestellt.
Edit: Die Margin Sachen usw. hätte ich natürlich weglassen können, wichtig ist nur die Zeile:
. Feld:hover .dropdownbutton
Und mit Sieb hirn kenn ich mich am besten aus
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Sowas nennt sich Kontextmenü. Du meinst theoretisch sowas wie einem aus. Der Rechtsklick. Aber du willst dein eigenes Menü haben wenn du über eine Maus gehst. Aber ich suche mal gerade, weil sowas habe ich schon mal gebaut, ansonsten mache ich mal Beispiel fertig
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Nein das musst du nicht
, das hat so geklappt wie ich es gemacht habe
RE: Hover-Dropdown-Menü - admin - 18.04.2022
Jetzt bin ich fertig. Ich wollte mal wieder Blödsinn bauen. Gucke mal hier was mein Kontextmenü so macht . Lese dir kurz die Beschreibung durch, damit du die Funktionen auch verstehst, weil ist alles noch nicht so ausgereift . Aber ganz Lustig mal zu sehen, was man alles machen kann
**Link entfernt, weil Seite nicht mehr erreichbar **