Velbekom, og tak for point :)
Her er to valg muligheder...
1. ret scriptet i ovenstående til dette:
function tdOver(td,d){
tabs=["layer","layer2"];
for(j=0;j<tabs.length;j++){
tds = document.getElementById(tabs[j]).getElementsByTagName("TD");
for(i=0;tds.length>i;i++){
tds[i].style.backgroundColor = (tds[i]!=td||d)?"transparent":"#870014";
}}
}
2. Brug denne her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
#layer {
position:absolute;
top:55px;
left:100px;
width:204px;
height:154px;
border:none;
background-color:#353535;
display:none;
}
#layer table{
width:95%;
border:0px;
border-collapse:collapse;
/*text-align:center;*/
}
#layer td{
padding:1px;
border:0px;
margin:0px;
font-family:verdana,sans-serif;
color:#fff;
font-size:xx-small;
background-color:transparent;
cursor:pointer;
cursor:hand;
}
#layer2 {
position:absolute;
top:55px;
left:400px;
width:204px;
height:154px;
border:none;
background-color:#353535;
display:none;
}
#layer2 table{
width:95%;
border:0px;
border-collapse:collapse;
/*text-align:center;*/
}
#layer2 td{
padding:1px;
border:0px;
margin:0px;
font-family:verdana,sans-serif;
color:#fff;
font-size:xx-small;
background-color:transparent;
cursor:pointer;
cursor:hand;
}
</style>
<script type="text/javascript">
var objelm = {};
function mIn(t){
var runtds=(objelm[t]==undefined);
objelm[t]= {"over":1};
document.getElementById(t).style.display='block';
if(runtds)tdOver(t)
}
function mOut(t){
objelm[t].over = 0;
setTimeout('hide("'+t+'")',100);
}
function hide(t){
if(objelm[t].over==0)document.getElementById(t).style.display='none';
}
function tdOver(t){
tds = document.getElementById(t).getElementsByTagName("td");
for(i=0,i2=tds.length;i<i2;i++){
tds[i].onmouseover=function(){coltd(this,false);};
tds[i].onmouseout=function(){coltd(this,true);};
}
}
function coltd(elm,d){
elm.style.backgroundColor=(d)?"transparent":"#870014";
}
</script>
</head><body>
<div onmouseover="mIn('layer');" onmouseout="mOut('layer');" style="position:absolute;top:35px;left:100px;cursor:default;">Vis</div>
<div id="layer" onmouseover="mIn('layer');" onmouseout="mOut('layer');">
<table>
<tr>
<td onclick="location.href='show.asp?page=gallery00001'">Gallery 00001 / 00026</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00027'">Gallery 00027 / 00031</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00032'">Gallery 00032 / 00037</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00038'">Gallery 00038 / 00040</td>
</tr>
<tr>
<td style="cursor:default;">--------------------------------------</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=about'">About</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=contact'">Contact</td>
</tr>
</table>
</div>
<div onmouseover="mIn('layer2');" onmouseout="mOut('layer2');" style="position:absolute;top:35px;left:400px;cursor:default;">Vis</div>
<div id="layer2" onmouseover="mIn('layer2');" onmouseout="mOut('layer2');">
<table>
<tr>
<td onclick="location.href='show.asp?page=gallery00001'">Gallery 00001 / 00026</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00027'">Gallery 00027 / 00031</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00032'">Gallery 00032 / 00037</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=gallery00038'">Gallery 00038 / 00040</td>
</tr>
<tr>
<td style="cursor:default;">--------------------------------------</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=about'">About</td>
</tr>
<tr>
<td onclick="location.href='show.asp?page=contact'">Contact</td>
</tr>
</table>
</div>
</body>
</html>
1. Har ulempen at det skal gennemløbe alle td i begge tabeller og nulstille farven ved hver mouseover på et felt (det kan reduceres til kun at skulle gennemløbe farver i den ene tabel ved at sende en tekst variabel med over til funktionen fra hver onmouseover opkald ...
2. Skal måske lige validere på en rel attribut om hvorvidt onmouseover og onmouseout begge skal tildeles eller om det kun er den ene ... det er ikke nogen ulempe som sådan da det kan ordnes ... Evt. skal onmouseover og out tildelingen ske ved onload af vinduet da nogle tabeller måske er synlige fra start - det kan også ordnes ...
Mvh, Clemme :o)
