Et simpelt eksempel -- du kan lige rode med de præcise positioner m.m.m.
<html>
<head>
<title>*Webmonstar*</title>
<style>body {cursor: default;}</style>
<script>
function foldUd(){
document.getElementById('hidden').style.visibility='visible';
document.getElementById('Close').style.top=118;
}
function foldSammen(){
document.getElementById('hidden').style.visibility='hidden';
document.getElementById('Close').style.top=25;
}
function changebg(element,mode)
{if (mode=="over")
{mussetype = 'default'
farve = '#FFFFFF'}
else if (mode=="udenfor")
{mussetype = 'default'
farve = '#EEEEEE'}
else if (mode=="klik")
{mussetype = 'default'
farve = '#c0c0c0'}
element.style.backgroundColor=farve;element.style.cursor=mussetype;}
</script>
</head>
<body bgcolor="#eeeeee" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<div id='Open' onclick="foldUd()">
<table height="25" width="170" border="1" style="border-collapse: collapse; border-bottom: 0px;" bordercolor="#000000">
<tr>
<td onmouseover="changebg(this,'over');" onmouseout="changebg(this,'udenfor')" onclick="changebg(this,'klik');foldUd()" bgcolor="#E0E0E0" style="border-bottom: 0px;" height="22" width="172">
<center><font face="Verdana" size="2"><b>Open</b></font></center></td>
</table></div>
<div id='hidden' style="visibility: hidden">
<table height="93" width="170" border="1" style="border-collapse: collapse; border-bottom: 0px;" bordercolor="#000000">
<tr>
<td bgcolor="#EEEEEE" height="90" width="172" style="border-bottom: 0px;" valign="top"> </td>
</table></div>
<div id='Close' style="position:absolute;left:10;top:35" onclick="foldSammen()">
<table height="25" width="170" border="1" style="border-collapse: collapse" bordercolor="#000000">
<tr>
<td onmouseover="changebg(this,'over');" onmouseout="changebg(this,'udenfor')" onclick="changebg(this,'klik');foldSammen()" bgcolor="#E0E0E0" height="22" width="172">
<center>
<p><font face="Verdana" size="2"><b>Close</b></font></p>
</center></td>
</table></div>
</body>
</html>
hth
jes
Ny bruger
Nybegynder
Opret
Preview
