Her er min kode:
<html>
<head>
<script language="JavaScript">
show = 0
function vis(i){
if (show>0) gem(show)
show = i
if (document.layers)
document.layers["image"+i].visibility='show';
else
document.all["image"+i].style.visibility='visible';
}
function gem(i){
if (document.layers)
document.layers["image"+i].visibility='hide';
else
document.all["image"+i].style.visibility='hidden';
}
function posDivs(){
var divs = ["image1","image2","image3"];
var elm = document.getElementById('menutd');
for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
for(i=0;divs.length>i;i++){
d = document.getElementById(divs[i]);
d.style.top = zy;
d.style.left = zx;
}
}
</script>
<style type="text/css">
.menudiv{
position:absolute;
visibility:hidden;
width:100px;
height:100px;
}
</style>
<script>
var ns, ns6, ie, newlayer;
ns4 = (document.layers) ? true : false;
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
function getLayerStyle( lyr ){
if( ns4 ){
return document.layers[lyr];
} else if( ie4 ){
return document.all[lyr].style;
} else if( ie5 ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}
function ShowHide(layer){
newlayer = getLayerStyle(layer)
var styleObj = (ns4)? document.layers[layer] : (ie4)? document.all[layer].style : document.getElementById(layer).style;
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
styleObj.display = ""
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
styleObj.display = "none"
}
}
</script>
<style>
h1, h2, h3 { font-family: trebuchet ms; color:4C5562 }
.profiltekst { font-family: verdana; color:4C5562;font-size:10 }
.profilinfo { font-family: verdana; color:4C5562;font-size:12 }
tr, td, table { font-family:verdana; font-size:10; color:000000}
.main { font-family:verdana; font-size:10; color:ffffff}
.tekst { font-family:verdana; font-size:10; color:black; }
input { background-color: ffffff; border : 1px solid #cccccc; color : #333333; font-family : Verdana; font-size : 10px; width : 100px; }
a { font-family: Tahoma; font-size: 10 px; background: transparent;text-decoration: none; color=4A5362 }
a:hover { color=black }
.link { font-family: Verdana; font-size: 10 px; background: transparent;text-decoration: none; color=black }
.link:hover { font-family: Verdana; font-size: 10 px; background: transparent;text-decoration: none; color=blue }
.link2 { filter:alpha(opacity=70); }
.link2:hover { filter:alpha(opacity=100); }
.input { background-color: #cccccc; border : 1px solid; color : #ffffff; font-family : Verdana; font-size : 10px; width : 150px; }
.myinput { background-color: white; border : 1px solid #cccccc; color : #000000; font-family : Verdana; font-size : 10px; width : 150px; }
.myinput2 { background-color: white; border : 0px solid; color : #ffffff; font-family : Verdana; font-size : 10px; width: 25px; }
.sel { background-color: #cccccc; border : 1px solid; color : #ffffff; font-family : Verdana; font-size : 10px; width : 150px; }
</style>
</head>
<body onload="posDivs()" onresize="posDivs()">
<center>
<table style="border:1px solid blac;">
<tr><td width="100" align="center" valign="top" style="border-right:1px dashed blac;">
<br>Menu<br><br>
<a href="#" onclick="vis(1)">Beskeder</a><br>
<a href="#" onclick="vis(2)">Gæstebog</a><br><br>
</td><td align="left" width="300" id="menutd">
<div id="image1" class="menudiv">
<b>Beskeder/postsystem</b>
<hr size="1" width="300"><br>
<a href="java script:ShowHide('testdiv1');">Flyt til anden mappe</a><br>
<div id="testdiv1" name="testdiv1" style="visibility: hidden; display: none;">
<table style="border:0px solid black;" align="center" width="300"><tr><td align="center"><br>
<img src="flytbrev.gif" width="290" style="border:1px solid gray"><br><br>
For at <b>flytte til en anden mappe</b> skal du: <br><br>
- Skal du i den første vælge "<b>Flyt til</b>" <br>
<img src="flyttil.gif" style="border:1px solid gray"><br><br>
- Dernest over i den anden rulnedpanel<br>
der hvor der nu står "<b>Ny mappe</b>"<br>
<img src="nymappe.gif" style="border:1px solid gray"><br>
- Her vælger du mappen de markerede beskeder skal ind under<br><br>
Så er det bare at trykke "<b>Godkend</b>"<br><br><br>
</td></tr></table>
</div>
<a href="java script:ShowHide('testdiv2');">Slette Beskeder</a> <br>
<div id="testdiv2" name="testdiv2" style="visibility: hidden; display: none;">
<table style="border:0px solid black;" align="center" width="300"><tr><td align="center"><br>
<b>Nu til at slette beskeder:</b><br><br>
Her markere du alle de beskeder du vil <b>slette</b><br>
Efter du har markret en eller flere vil de se sådan her ud:<br>
<img src="markeret.gif" style="border:1px solid gray"><br><br>
- Nu skal du op og vælge "<b>Slet</b>" i rullemenu'en<br>
<img src="Rulnedflyttil.gif" style="border:1px solid gray"><br><br>
Og nu skal du bare trykke "<b>Godkend</b>"<br><br>
</td></tr></table>
</div>
<a href="java script:ShowHide('testdiv3');">læst/ulæst</a> <br>
<div id="testdiv3" name="testdiv3" style="visibility: hidden; display: none;">
<table style="border:0px solid black;" align="center" width="300"><tr><td align="center"><br>
Du har som du kan se mulighed for at få dine beskder til at vises som læst og ulæst.<br><br>
<b>ULæst</b>:<br>
<img src="Ulaest.gif" style="border:1px solid gray"><br><br>
<b>Læst</b>:<br>
<img src="laest.gif" style="border:1px solid gray"><br><br>
Her markere du alle de beskeder du vil have vist som <br>
<b>Læst/ulæst</b><br><br>
- Nu skal du op og vælge:<br>
"<b>Marker som læst</b>" eller "<b>Marker som ulæst</b>"<br>
i rullemenu'en<br>
<img src="Rulnedflyttil.gif" style="border:1px solid gray"><br><br>
Og nu skal du bare trykke "<b>Godkend</b>"<br><br>
</td></tr></table>
</div>
</div><br>
<div id="image2" class="menudiv">
<b>Gæstebog</b>
<hr size="1" width="300"><br>
<a href="java script:ShowHide('GB1');">Skrive i Gæstebog</a><br>
<div id="GB1" name="GB1" style="visibility: hidden; display: none;"><br>
Gæstebog1
<table style="border:0px solid black;" align="center" width="300"><tr><td align="center"><br>
<b>GÆSTEBOGEN! TEST</b><br><br>
Her markere du alle de beskeder du vil <b>slette</b><br>
Efter du har markret en eller flere vil de se sådan her ud:<br>
<img src="markeret.gif" style="border:1px solid gray"><br><br>
- Nu skal du op og vælge "<b>Slet</b>" i rullemenu'en<br>
<img src="Rulnedflyttil.gif" style="border:1px solid gray"><br><br>
Og nu skal du bare trykke "<b>Godkend</b>"<br><br>
</td></tr></table>
</div>
</div><br>
<br></td></tr></table>
</center>
</body>
</html>
