menuen må ikke flappe sammen
HejsaJeg er ikke den skarpeste kniv i skuffen til javascript, og har derfor rodet rundt her på eksperten og fundet en menu lavet af Olebole som næsten er perfekt til mig.
Er der nogen der kan tilrette menuen, så den ikke flapper sammen når man kommer til den nye side.
Dvs hvis jeg klikker på en af menuoverskrifterne så menulinkene flapper ud, og jeg klikker på en af menulinkene skal menuen når jeg kommer til den nye side stadig stå åben som den var før.
Jeg håber i forstår min fattige forklaringsevne denne mandag morgen :-)
Her er htmlfilen.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> ..:: Menu 2 ::.. </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
td {
font-family: verdana;
font-size: 11px;
}
.pil {
cursor: hand;
cursor: pointer;
}
a.menu {
font-size: 10px;
color: #ff0000;
text-decoration: none;
}
a.menu:visited {
color: #ff0000;
text-decoration: none;
}
a.menu:hover {
font-size: 10px;
color: #ff0000;
text-decoration: underline;
}
</style>
<script type="text/JavaScript">
/********************************************************************
Variablen 'actMen' refererer til den - til enhver tid - aktive menu.
********************************************************************/
var actMen, d=document; actMen=false;
function toggle(inx) {
var tr, img;
if (actMen) { // Vi folder den aktive menu sammen, hvis der er en
d.getElementById("txt_"+actMen).style.display = "none";
d.images["pil_"+actMen].src = "arr_c.gif";
}
if (actMen!=inx) { // Vi folder den nye menu ud
d.getElementById("txt_"+inx).style.display = "block";
d.images["pil_"+inx].src = "arr_o.gif";
actMen = inx;
}
else actMen = false; // Hvis der klikkes på den åbne (aktive) menu
}
</script>
</head>
<body>
<table style="width:120px;" cellspacing="0" cellpadding="0" border="1">
<!-- MENUPUNKT START -->
<tr class="pil" onclick="toggle(1)">
<td style="width:15px;"><img src="arr_c.gif" name="pil_1"></td>
<td>Punkt 1</td>
</tr>
<tr id="txt_1" style="display:none;">
<td> </td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 1</a></td>
</tr>
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 2</a></td>
</tr>
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 3</a></td>
</tr>
</table>
</td>
</tr>
<!-- MENUPUNKT SLUT -->
<!-- MENUPUNKT START -->
<tr class="pil" onclick="toggle(2)">
<td><img src="arr_c.gif" name="pil_2"></td>
<td>Punkt 2</td>
</tr>
<tr id="txt_2" style="display:none;">
<td> </td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 4</a></td>
</tr>
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 5</a></td>
</tr>
</table>
</td>
</tr>
<!-- MENUPUNKT SLUT -->
<!-- MENUPUNKT START -->
<tr class="pil" onclick="toggle(3)">
<td><img src="arr_c.gif" name="pil_3"></td>
<td>Henrik</td>
</tr>
<tr id="txt_3" style="display:none;">
<td> </td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 6</a></td>
</tr>
<tr>
<td> </td>
<td><a class="menu" href="menutest.html">LINK 7</a></td>
</tr>
</table>
</td>
</tr>
<!-- MENUPUNKT SLUT -->
<!-- MENUPUNKT START -->
<tr class="">
<td><img src="arr_c.gif" name="pil_3"></td>
<td><a class="" href="menutest.html">ENkelt menu</a></td>
</tr>
<!-- MENUPUNKT SLUT -->
</table>
</body>
</html>
