Hjælp til faneblad ønskes!!!
Hej alle i eksperter!Er der nogen som kan hjælpe med at rette nedenstående kode til, så at fanebladene skifter mellem div. billeder.
Mvh. Rene
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
A {
color: #003CA5;
text-decoration: none;
font-family: Arial;
font-size: 10pt
}
A:hover {
color: #ffcc00;
}
.thistab
{
font-family:garamond;
font-size:10pt;
font-weight: bold;
text-align:center;
color: navy;
background:#ffffff;
cursor:hand;
visibility:show;
z-index:1;
}
.tab
{
background:#ffffff;
cursor:hand;
visibility:show;
z-index:2
}
.contents
{
border-style: outset;
background:#ffffff;
border-color: blue;
border-top-width: 0px;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
text-align:center;
font-family:tahoma;
font-size:12px;
font-weight:bold;
position:absolute;
visibility:show;
left:250px;
top:139px;
width:369px;
height:200px;
}
-->
</style>
</HEAD>
<BODY bgcolor=#FFFFFF>
<script>
if (document.all) {navigator.family = "ie4"}
if (window.navigator.userAgent.toLowerCase().match(/gecko/)) {navigator.family = "gecko"}
if (window.navigator.userAgent.toLowerCase().indexOf('opera') != -1) {navigator.family = 'opera';}
toplevel="4";
function DoChanges(num)
{
toplevel++;
var box = "box" + num;
if (navigator.family == "ie4")
{
document.all[box].style.zIndex = toplevel;
i=1;
for (i=1; i<5; i++)
{
var mytab="tab" + i;
document.all(mytab).className = "tab";
if (i == num)
{
document.all(mytab).className = "thistab";
}
}
}
if (navigator.family == "opera" || navigator.family == "gecko")
{
document.getElementById(box).style.zIndex = toplevel;
i=1;
for (i=1; i<5; i++)
{
var mytab="tab" + i;
document.getElementById(mytab).className = "tab";
if (i == num)
{
document.getElementById(mytab).className = "thistab";
}
}
}
}
</script>
<DIV STYLE="position:absolute; top:123; height:16px; width:370px; left:250;">
<TABLE STYLE="100%" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="93" id="tab1" class=thistab onclick="java script:DoChanges(1);" height=16><img src="images/fane-haand-on.gif" width="93" onMouseOver="this.src = 'images/fane-haand-on.gif';" onMouseOut="this.src = 'images/fane-haand-on.gif';"></TD>
<TD width="92" id="tab2" class=tab onclick="java script:DoChanges(2)"><img src="images/fane-trans-off.gif" width="92" onMouseOver="this.src = 'images/fane-trans-on.gif';" onMouseOut="this.src = 'images/fane-trans-off.gif';"></TD>
<TD width="93" id="tab3" class=tab onclick="java script:DoChanges(3)"><img src="images/fane-rejser-off.gif" width="93" onMouseOver="this.src = 'images/fane-rejser-on.gif';" onMouseOut="this.src = 'images/fane-rejser-off.gif';"></TD>
<TD width="92" id="tab4" class=tab onclick="java script:DoChanges(4)"><img src="images/fane-biler-off.gif" width="92" onMouseOver="this.src = 'images/fane-biler-on.gif';" onMouseOut="this.src = 'images/fane-biler-off.gif';"></TD>
</TR>
</TABLE>
</div>
<div class=contents id="box1" style="z-index:1">
<br>
<a href="a.html" target="_blank">Link1</a>
<br>
<a href="b.html" target="_blank">Link2</a>
<br>
<a href="c.html" target="_blank">Link3</a>
<br>
<a href="d.html" target="_blank">Link4</a>
</div>
<div id="box2" class=contents style="z-index:1">
<br>
<a href="a.html" target="_blank">Link1</a>
<br>
<a href="b.html" target="_blank">Link2</a>
<br>
<a href="c.html" target="_blank">Link3</a>
<br>
<a href="d.html" target="_blank">Link4</a>
<br>
<a href="e.html" target="_blank">Link5</a>
<br>
<a href="f.html" target="_blank">Link6</a>
<br>
<a href="g.html" target="_blank">Link7</a>
<br>
</div>
<div id="box3" class=contents style="z-index:1">
<br>
<a href="a.html" target="_blank">Link1</a>
<br>
<a href="b.html" target="_blank">Link2</a>
</div>
<div id="box4" class=contents style="z-index:1">
<br>
<a href="a.html" target="_blank">Link1</a>
<br>
<a href="b.html" target="_blank">Link2</a>
<br>
<a href="c.html" target="_blank">Link3</a>
<br>
<a href="d.html" target="_blank">Link4</a>
<br>
<a href="e.html" target="_blank">Link5</a>
<br>
<a href="f.html" target="_blank">Link6</a>
<br>
</div>
</body>
</html>
