Hej rasmus-madsen,
Jeg forestår udemærket hvad det er du mener. Til dette skal du kalde visTxt(0); ved din body onload event. Der dog en del små-fejl i scriptet (f.eks. virker det ikke i IE7, der er variable som ikke er erklæret og du bruger den ikke valide innerHTML). :)
Jeg har kigget scriptet igennem og rettet små-fejlene samt lavet et eksempel til dig som virker for mig i både IE og FF:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html xmlns="
http://schemas.microsoft.com/intellisense/html-401"> <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/JavaScript">
var akt = null;
var divRef = null;
var i, l, t;
function visTxt(nr) {
if (akt != nr) {
akt = nr;
t = document.getElementById("minDiv");
var divNr = document.getElementById("txt" + nr).cloneNode(true);
divNr.style.visibility = "visible";
if(divRef != null) //Remove any previous added txt-node
t.removeChild(divRef);
t.appendChild(divNr); //Add txt-node to div
divRef = divNr; //Update current div-node reference
t.style.left = -20 + "px";
setOpacity(t, 0);
i = 0; l = -20;
t.style.visibility = "visible";
loopTxt();
}
}
function loopTxt() {
++i;
if(t != null)
t = document.getElementById("minDiv");
l += Math.ceil((0 - l) * 0.25);
if (l > 0) l = 0;
t.style.left = l + "px";
setOpacity(t, i * 5);
if (i < 20)
setTimeout("loopTxt();", 50);
}
function setOpacity(t, op)
{
if(document.all)
{
if(window.XMLHttpRequest)//IE7
t.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + op + ");";
else // IE4-6
t.filters.alpha.opacity = op;
}
else
t.style.MozOpacity = op / 100;
}
</script>
</head>
<body onload="visTxt(0);">
<table>
<tr>
<td><a href="#" onclick="visTxt(1);">Click to change to txt1</a></td><td><a href="#" onclick="visTxt(0);">Click to change to txt0</a></td>
</tr>
<tr>
<td>
<div id="minDiv" style="width: 200px; height: 100px; visibility: visible; background-color:InactiveBorder; border: solid 1px black;">
</div>
</td>
</tr>
</table>
<div id="txt0" style="visibility: hidden;">
Dette er div 0
</div>
<div id="txt1" style="visibility: hidden;">
Dette er div 1
</div>
</body>
</html>
Mvh.
- Snap :)
