NU frister du ;-)
Jamen, så prøv da dette:
frame1.htm:
==================================
<html>
<head>
</head>
<script language="javascript"><!--
// Sæt numMenus lig antallet af menuer, du har kørende
var numMenus = 2;
function showObject(blar) {
for (i=1;i<=numMenus;i++) {
parent.frame2.skjul_lag('Punkt'+i);
}
parent.frame2.vis_lag(blar);
}
// -->
</script>
<body bgcolor="FFFFFF" text="000000" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" marginright="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src=spacer.gif height=40 width=100></td><td><img src=spacer.gif height=40 width=120></td><td><img src=spacer.gif height=40 width=120></td>
</tr>
<tr bgcolor=red>
<td></td>
<td height="25" align="center" valign="middle">
<a href="" onmouseover="showObject('Punkt1');">Punkt1</a>
</td>
<td height="25" align="center" valign="middle">
<a href="" onmouseover="showObject('Punkt2');">Punkt1</a>
</td>
</tr>
</table>
</body>
<html>
==================================
Der er brugt en 'spacer.gif', som blot er en klar gif 1x1 pixel...en dødsikker måde at garantere rigtig størrelse.
frame2.htm:
==================================
<html>
<head>
<style>
</style>
</head>
<style type="text/css">
#Punkt1{
position:absolute;
left: 100;
top: 0px;
width: 120px;
font-family: verdana, arial, helvetica;
font-size: 10px;
}
#Punkt2{
position:absolute;
left: 220;
top: 0px;
width: 120px;
font-family: verdana, arial, helvetica;
font-size: 10px;
}
A{color:white; text-decoration:none}
A:hover{color:red; text-decoration:none}
A:visited:{color:white}
</style>
<script language="javascript">
n=document.layers;
ie=document.all;
if (n) {
visible='show';
hidden='hide'; }
else if (ie) {
visible='visible';
hidden='hidden';}
function vis_lag(menuid){
if(n) {document.layers[menuid].visibility=visible;}
else if (ie) {document.all(menuid).style.visibility=visible;}
}
function skjul_lag(menuid){
if(n) {document.layers[menuid].visibility=hidden;}
else if (ie) {document.all(menuid).style.visibility=hidden;}
}
</script>
<body bgcolor="000000" text="FFFFFF" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" marginright="0">
<div id="Punkt1" style="visibility: hidden" onmouseover="vis_lag('Punkt1');" onmouseout="skjul_lag('Punkt1');">
<layer onmouseout=skjul_lag('Punkt1');>
<table border="0" cellspacing="0" cellpadding="0" bgcolor="8d8d8d" align="center">
<tr>
<td height="15" width="120" align=center><br><a href=# onclick="skjul_lag('Punkt1');">Link #1</a></td>
</tr>
<tr>
<td height="15" align=center><a href=# onclick="skjul_lag('Punkt1');">Link #2</a></td>
</tr>
<tr>
<td height="15" align=center><a href=# onclick="skjul_lag('Punkt1');">Link #3</a><br><br></td>
</tr>
</table>
</layer>
</div>
<div id="Punkt2" style="visibility: hidden" onmouseover="vis_lag('Punkt2');" onmouseout="skjul_lag('Punkt2');">
<layer onmouseout=skjul_lag('Punkt2');>
<table border="0" cellspacing="0" cellpadding="0" bgcolor="8d8d8d" align="center">
<tr>
<td height="15" width="120" align=center><br><a href=# onclick="skjul_lag('Punkt2');">Link #1</a></td>
</tr>
<tr>
<td height="15" align=center><a href=# onclick="skjul_lag('Punkt2');">Link #2</a></td>
</tr>
<tr>
<td height="15" align=center><a href=# onclick="skjul_lag('Punkt2');">Link #3</a><br><br></td>
</tr>
</table>
</layer>
</div>
</body>
<html>
==================================
Og den er X-browser. Du kan selv rette til design mæssigt.
/VH
Ole
