Java-script scroll i Macintosh
Hej!Jeg har et problem med noget java-script i IE og Netscape paa en Macintosh. Jeg har lavet en scroll med java-script og div, men den fungerer simpelthen ikke. Den fungerer i Opera 6.02 og Mozilla 1.2.1 paa mac'en. Jeg bruger baade frameset og css, men det ser ud som om, at det er java-scriptet der driller ved den foerst bid. Har lavet en alert ved startScroll, og dette fungerede. Dette fungerede ikke i selve definitionen af scrollen. Haaber I kan hjaelpe, da jeg ikke har saa meget forstand paa macintosh....
Her er java-scriptet, som staar i head'en
<head>
<script type="text/javascript">
// Scroll element
var SCROLLid;
var SCROLLnum;
var SCROLLinterval;
function SCROLL(id,num) {
var e = document.getElementById('text');
var newtop = e.offsetTop-SCROLLnum;
if (newtop>0) newtop=0;
if (newtop < -e.offsetHeight+e.parentNode.offsetHeight)
newtop = -e.offsetHeight+e.parentNode.offsetHeight;
e.style.top = newtop + "px";
}
function startScroll(id,num,interval) {
if(SCROLLinterval) clearInterval(SCROLLinterval);
if (!interval) interval=100;
SCROLLid=id;
SCROLLnum=num;
SCROLLinterval=setInterval("SCROLL()",interval);
}
function stopScroll(){
if(SCROLLinterval)clearInterval(SCROLLinterval);
SCROLLinterval=null;
}
</script>
<link rel="stylesheet" type="text/css" href="style1.css">
</HEAD>
Her kommer selve scrollen og div:
<TD width="43%" height="415" align="left" valign="top">
<TABLE border="0" cellspacing="0" cellpadding="0" width="300" height="280">
<TR>
<TD width="20%" height="130" align="left" valign="bottom" class="text">Overskrift</td>
</tr>
<tr>
<TD width="20%" height="150" align="left" valign="top" class="text">
<div style="position:relative;top:0px;width:300px;height:150px;overflow:hidden;">
<div style="position:relative;margin-right:31px;" id="text">tekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrollestekst som skal scrolles
</div>
<a href="#" onMouseOver="java script:startScroll('text',-5)" onMouseOut="stopScroll()" onClick="SCROLLnum*=2"><img style="position:absolute;right:0px;top:0px;" src="up.gif" alt="Scroll up" border="0"></a>
<a href="#" onMouseOver="java script:startScroll('text',+5)" onMouseOut="stopScroll()" onClick="SCROLLnum*=2"><img style="position:absolute;right:0px;top:100px;" src="down.gif" alt="Scroll down" border="0"></a>
</div>
</td>
</tr>
</table>
</td>
