Umiddelbart tror jeg bare at du også skal give knappen en position!
Vis du nu fks placere knappen 40px top og 40px left. Så ved du jo vor knappen er, og så ved du også vor boksen skal dukke op!
Her er et eksempel:
<-- De normale body tags
<html>
<head>
<--Den funktion som gør at dropdown menuen bliv synlig
<script>
function dropdown()
{
document.getElementById('drop').style.visibility = 'visible';
}
</script>
</head>
<body>
<!-- Knappen sættes ind her -->
<form name="whatever">
<input type="button" style="
position: absolute;
top: 40px;<!-- Placere knappen -->
left: 40px;"
value="Tryk for menu!"
onClick="dropdown()" <--Gør sådan at JavaScript funktionen bliver kaldet når man klikker på knappen
>
</form>
<-- Dropdown menuen begynder her
<div style="
position: absolute;
top: 60px; <-- Placere dropdown menuen
left: 46px;
visibility: hidden;" <-- Gør sådan at dropdown menuen er usyndlig indtil funktionen kaldes
id="drop" <-- Giver dropdown menuen et id, så den senere kan kaldes med et JavaScript
>
<a href="link">Link1</a><br />
<a href="link">Link2</a><br />
<a href="link">Link3</a><br />
<a href="link">Link4</a>
</div>
</body>
</html>
Koden uden mine kommentare:
<html>
<head>
<script>
function dropdown()
{
document.getElementById('drop').style.visibility = 'visible';
}
</script>
</head>
<body>
<form name="whatever">
<input type="button" style="position: absolute; top: 40px; left: 40px;" value="Tryk for menu!" onClick="dropdown()">
</form>
<div style="position: absolute;top: 60px;left: 46px;visibility: hidden;"id="drop">
<a href="link">Link1</a><br />
<a href="link">Link2</a><br />
<a href="link">Link3</a><br />
<a href="link">Link4</a>
</div>
</body>
</html>
Husk at du sagtens kan pifte udseendet op med css.
Desuden vil jeg gerne se din kode, jeg tror den kunne være interessant!
Indlæg senest redigeret d. 23.02.2007 21:27 af Bruger #10113