nicht angemeldet
Pulldownmenü soll wieder zusammengeklappt werden
Hi Leute,
wer kann mir mit einem kleinen script weiterhelfen, mit welchem das Menü wieder eingeklappt wird, sobald die Mouse aus den Unterpunkten wieder herausfährt.
Meine Menüs klappen sonst nur wieder zusammen, wenn man über den Hauptpunkt fährt.
Hier mein Quelltext:
<html>
<head>
<title></title>
<style type="text/css">
.demo {
CURSOR: hand
}
.demo UL {
CURSOR: text; DISPLAY: none
}
LI {
COLOR: red
}
SPAN {
COLOR: black
}
.blue {
COLOR: blue
}
.green {
COLOR: green
}
.maroon {
COLOR: maroon
}
</STYLE>
<SCRIPT>
function display(el) {
el.children[1].style.display = (el.children[1].style.display=='' ? 'block' : '')
}
</SCRIPT>
</head>
<table width="100%" border="0" height="100">
<tr><td>
<div align="center"><b>
<UL class=demo>
<LI><A onMouseover=display(this.parentElement)>Produkte</A>
<UL>
<LI class=blue>Türen&Fenster
<LI class=blue>Rolltore
<LI class=blue>Schließanlagen
<LI class=blue>Werkzeuge
<LI class=blue>Tresore
<LI class=blue>Makitta/ Boschgeräte aller Art
<LI class=blue>Komunaltechnik</LI></UL></b></div>
</td>
</tr>
</table>
</html>
Danke im Voraus!!!
Brüni
-
UL n namen oder id geben
<UL id="xyz">und dann bei jedem LI
<LI class=blue ONMOUSEOUT="xyz.display='none'">Türen&Fensteris aber nich so praktisch find ich weil wenn man dannnur ma n millimeter neben der schrift is geht gleich alles zu
-
ergänzung:
das ONMOUESOUT kannst du auch anstatt in jedes LI in das UL mit reinschreiben... -
UL n namen oder id geben
<UL id="xyz">Und wo muss ich das hinschreiben ?
so gehts nich:<UL class=demo>
<LI><A onMouseover=display(this.parentElement)>Produkte</A>
<UL id="xyz">
<LI class=blue ONMOUSEOUT="xyz.display='none'" >Türen&Fenster????????
Danke im Voraus
Brüni
-
<UL class=demo>
da rein
<UL id="xyz" class=demo>-
<UL class=demo>
da rein
<UL id="xyz" class=demo>Hiiilfeee!
da hat ich es auch schon stehen, aber nichts rührt sich !!!!
-
-
-
-
Hi,
wer kann mir mit einem kleinen script weiterhelfen, mit welchem das Menü wieder eingeklappt wird, sobald die Mouse aus den Unterpunkten wieder herausfährt.
Meine Menüs klappen sonst nur wieder zusammen, wenn man über den Hauptpunkt fährt.
Hier mein Quelltext:
kein Doctype
<html>
<head>
<title></title>
<style type="text/css">.demo {
CURSOR: handhand ist kein zulässiger Wert für Cursor.
Meinst Du pointer?}
.demo UL {
CURSOR: text; DISPLAY: none
}
LI {
COLOR: red
}
SPAN {
COLOR: black
}
.blue {
COLOR: blue
}
.green {
COLOR: green
}
.maroon {
COLOR: maroon
}
</STYLE><SCRIPT>
type-Attribut fehlt.
function display(el) {
niemals Namen von HTML-Elementen, HTML-Attributen, Javascript-Objekten, Javascript-Methoden oder CSS-Eigenschaften für selbstdefinierte Namen benutzen.
el.children[1].style.display = (el.children[1].style.display=='' ? 'block' : '')
nicht auf '' sondern auf 'none' setzen.
}
</SCRIPT></head>
spätestens ab XHTML1.0 müssen die body-tags vorhanden sein.
<table width="100%" border="0" height="100">
table hat kein height-Attribut. Nutze CSS
<tr><td>
<div align="center"><b>Wozu das div? td kennt auch align=center
<UL class=demo>
<LI><A onMouseover=display(this.parentElement)>Produkte</A>es fehlen die Quotes um den Wert des onmouseover-Attributs
<UL>
<LI class=blue>Türen&Fenster
<LI class=blue>Rolltore
<LI class=blue>Schließanlagen
<LI class=blue>Werkzeuge
<LI class=blue>Tresore
<LI class=blue>Makitta/ Boschgeräte aller Art
<LI class=blue>Komunaltechnik</LI></UL></b></div>
</td></tr>
</table>wg. body-tag s.o.
</html>
Andreas