rullegardin hakker i IE
Jeg har brugt scriptet herfra http://eksperten.dk/spm/517527 til at lave dette her: http://www.noode.net/test.htm - klik på *flere indstillinger her*I Firefox (pc+mac) og safari fungerer det upåklageligt, men ikke i IE på pc. Her vises det baggrundsbillede jeg benytter først til sidst - findes der mon en løsning på det? Eller er det en bug i IE...
Scriptet ser således ud:
----------------------------------
<script type="text/javascript">
var speed = 50;
var dY = 10;
var buttonID = "scrolldownbutton";
var timer;
var dir = 1; // 1 = down, 2 = up
var elm;
var maxX,maxY;
function scrollBoxDown() {
cl = getClipping(elm);
b = parseInt(cl.bottom);
if (b + dY <= maxY) {
elm.style.clip = "rect(0px,"+maxX+"px,"+(b+dY)+"px,0px)";
}
else {
elm.style.clip = "rect(0px,"+maxX+"px,"+maxY+"px,0px)";
clearInterval(timer);
}
}
function scrollBoxUp() {
cl = getClipping(elm);
b = parseInt(cl.bottom);
if (b - dY >= 0) {
elm.style.clip = "rect(0px,"+maxX+"px,"+(b-dY)+"px,0px)";
}
else {
elm.style.clip = "rect(0px,"+maxX+"px,0px,0px)";
clearInterval(timer);
document.getElementById(buttonID).style.display = "inline";
}
}
function scrollBox(elmID) {
elm = document.getElementById(elmID);
maxX = elm.offsetWidth;
maxY = elm.offsetHeight;
//document.getElementById(buttonID).style.display = "none";
if (timer) {clearInterval(timer);}
if (dir == 1) {timer = setInterval("scrollBoxDown();",speed);dir=2;}
else {timer = setInterval("scrollBoxUp();",speed);dir = 1}
}
function getClipping(celm) {
if (c = celm.style.clip) {
tempC = c.substring(c.indexOf("(")+1,c.lastIndexOf(")"));
tempC = tempC.replace(/,/g,"");
cArr = tempC.split(" ");
return {top:cArr[0],right:cArr[1],bottom:cArr[2],left:cArr[3]}
}
return;
}
</script>
