  |
| Autor |
Nachricht |
JS Einsteiger
Neuer [User]
Anmeldung: 21.10.07
Beiträge: 5
|
 Verfasst am: 21.10.2007, 11:28 Titel: JS/DHTML Drop Down Menü |
 |
|
Hi,
habe in ein JS Script, der ein Drop Down Menü erzeugt. Problem ist nur, dass wenn man das Menü wieder einfahren will, muss man auf den link einen Doppelklick machen.
Kann mir jmd sagen wie ich das hinkriege dass 1 Klick reicht? Hier der Script:
<html>
<head><title>Drop-down-Menüs</title>
<script language="JavaScript">
// Funktion zur Anzeige eines Menüs
function zeigeLayer(layerid) {
var layer = document.getElementById(layerid);
layer.style.visibility = "visible";
}
// Funktion zum Verbergen eines Menüs
function versteckeLayer(layerid) {
var layer = document.getElementById(layerid);
layer.style.visibility = "hidden";
}
</script>
<style type="text/css">
a { font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF; margin-left: 3px}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0"
marginwidth="0" marginheight="0">
<table border="0" bgcolor="#000000" cellspacing="0" cellpadding="2">
<tr>
<td width="100"><a href="#">Home</a></td>
<td width="100">
<div id="ResLayer"
style="position:absolute; left:110px; top:23px;
width:100px; height:62px; z-index:1;
background-color:#AAAAAA; layer-background-color:#AAAAAA;
visibility:hidden">
<a href="#">Scripten</a><br/>
<a href="#">Referenz</a><br/>
<a href="#">Weblog</a>
</div>
<a href="#" onclick="zeigeLayer('ResLayer');"
ondblclick="versteckeLayer('ResLayer');">Ressourcen</a>
</td>
<td width="100">
<div id="LinksLayer"
style="position:absolute; left:211px; top:23px;
width:100px; height:85px; z-index:2;
background-color:#AAAAAA; layer-background-color:#AAAAAA;
visibility:hidden">
<a href="#">DHTML</a><br/>
<a href="#">CSS</a><br/>
<a href="#">HTML</a><br/>
<a href="#">JavaScript</a/>
</div>
<a href="#" onclick="zeigeLayer('LinksLayer');"
ondblclick="versteckeLayer('LinksLayer');">Links</a>
</td>
</tr>
</table>
</body>
</html>
|
|
| Nach oben |
|
 |
*Scriptwidget*
User [User]
Anmeldung: 22.09.07
Beiträge: 11
|
| Verfasst am: 21.10.2007, 11:59 Titel: |
|
|
es sind diese beiden Zeilen:
| Code: | <a href="#" onclick="zeigeLayer('LinksLayer');"
ondblclick="versteckeLayer('LinksLayer');">Links</a> |
Bei dem unteren musst du "ondblklick" durch "onclick" ersetzen.
Dann sollte es eigentlich funktionieren...
|
|
| Nach oben |
|
|
JS Einsteiger
Neuer [User]
Anmeldung: 21.10.07
Beiträge: 5
|
| Verfasst am: 21.10.2007, 14:01 Titel: |
|
|
hab ich mir auch schon gedacht, geht aber trotzdem nicht. Ich werde mal im Nachfolgenden Beitrag das posten, ohne HTML zu deakrivieren.Hoffe dass das dann angezeigt wird 
|
|
| Nach oben |
|
|
JS Einsteiger
Neuer [User]
Anmeldung: 21.10.07
Beiträge: 5
|
| Verfasst am: 21.10.2007, 14:11 Titel: |
|
|
edit: geht leider nicht, habs wieder enfernt
|
|
| Nach oben |
|
|
*Scriptwidget*
User [User]
Anmeldung: 22.09.07
Beiträge: 11
|
| Verfasst am: 21.10.2007, 14:34 Titel: |
|
|
du musst es auch bei
| Code: | <a href="#" onclick="zeigeLayer('ResLayer');"
ondblclick="versteckeLayer('ResLayer');">Ressourcen</a> |
und
| Code: | <a href="#" onclick="zeigeLayer('LinksLayer');"
ondblclick="versteckeLayer('LinksLayer');">Links</a> |
oder hast du das?
|
|
| Nach oben |
|
|
JS Einsteiger
Neuer [User]
Anmeldung: 21.10.07
Beiträge: 5
|
| Verfasst am: 28.10.2007, 20:29 Titel: |
|
|
ne geht immer noch nicht, geht sowas eigentlich auch mit CSS?
|
|
| Nach oben |
|
|
|
|
