hmmm... har nu rettet det hele, men prøv at trykke på CV og derefter en anden knap..
Så forsvinder CV... og jeg kan ikk se nogen forskelle i koden ??
Koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function showText(obj)
{
if(obj)
{
for(var childIdx = 0; childIdx < obj.childNodes.length; childIdx++)
{
if(obj.childNodes[childIdx].className == "elaboration")
{
document.getElementById("explanation").innerHTML = obj.childNodes[childIdx].innerHTML;
break;
}
}
}
return true;
}
function hideText()
{
document.getElementById("explanation").innerHTML = "";
return true;
}
</script>
<script type="text/javascript">
var gammel = "";
function skift(id){
if (gammel != ""){
document.getElementById(gammel).style.display = "none";
}
gammel = id;
document.getElementById(id).style.display = "block";
}
</script>
<style type="text/css">
.txt{
color: black;
font-size: 11px;
font-family: 'verdena';
border: 1px ridge black;
width: 90px;
text-align: center;
cursor:pointer;
cursor:hand;}
.lnk{
text-decoration: none;
color: #000000;
display: block;
width: 100%;
background color: #cccccc;}
.lnk:hover{
display: block;
width: 100%;
background color: #f9f9f9;}
#hj{position: absolute; top: 404px; left: 20px;}
#re{position: absolute; top: 404px; left: 120px; }
#ka{position: absolute; top: 404px; left: 220px; }
#ly{position: absolute; top: 404px; left: 322px; }
#cv{position: absolute; top: 404px; left: 424px; }
#ko{position: absolute; top: 404px; left: 526px; }
#sh{position: absolute; top: 404px; left: 627px;}
.elaboration { display:none; }
.explainbox { width: 250px; height: 12px; color: white; text-align: center;}
#explanation{position: absolute; top: 365px; left: 550px;}
</style>
</head>
<body bgcolor="#000000" text="#000000" link="#0000FF" vlink="#660066" alink="#FF0000" background="gfx/master.jpg" style="background-repeat:no-repeat;">
<!-- Menuen: -->
<div onclick="skift('HJEM');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="hj"><span >HJEM</span><span class="elaboration">Siden der byder Dem velkommen.</span></div>
<div onclick="skift('REDIGERING');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="re"><span >REDIGERING</span><span class="elaboration">Lidt om redigering</span></div>
<div onclick="skift('KAMERA');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="ka"><span >KAMERA</span><span class="elaboration">Hvad kameraet har at byde på.</span></div>
<div onclick="skift('LYS');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="ly"><span >LYS</span><span class="elaboration">Der er mange muligheder i lys.</span></div>
<div onclick="skift('CV');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="cv"><span >CV</span><span class="elaboration">Noget om mine kompetencer.</span></div>
<div onclick="skift('SHOWREEL');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="sh"><span >SHOWREEL</span><span class="elaboration">Et par eksempler jeg har lavet.</span></div>
<div onclick="skift('KONTAKT');" onmouseover="showText(this);" onmouseout="hideText();" class="txt" id="ko"><span >KONTAKT</span><span class="elaboration">Hvis De ønsker at kontakte mig.</span></div>
<!-- de forskellige sider: -->
<div id="HJEM" height="200px" width="300px" style="display:none; color: white; width: 100%;">Hjem</div>
<div id="REDIGERING" height="200px" width="300px" style="display:none; color: white; width: 100%;">Redigering</div>
<div id="KAMERA" height="200px" width="300px" style="display:none; color: white; width: 100%;">Kamera</div>
<div id="LYS" height="200px" width="300px" style="display:none; color: white; width: 100%;">Lys</div>
<div id="CV" height="200px" width="300px" style="display:none; color: white; width: 100%;">CV</div>
<div id="SHOWREEL" height="200px" width="300px" style="display:none; color: white; width: 100%;">Showreel</div>
<div id="KONTAKT" height="200px" width="300px" style="display:none; color: white; width: 100%;">Kontakt</div>
<!-- kassen der forklarer de forskellige knapper -->
<div id="explanation" class="explainbox"></div>
</body>
</html>
