Salve, ho realizzato la seguente funzione (in realtà sono tre)
codice:
<script language="javascript" type="text/javascript">
var obj;
var H;
var areaVis;
var resto;
var Dy;
function initialize()
{
obj=document.getElementById('testo');
H=obj.offsetHeight;
areaVis=100;
Dy=10;
}
function cResto()
{
var oftp;
oftp=parseInt(obj.offsetTop);
if(oftp<0) oftp=-oftp;
resto=H-(oftp+areaVis);
}
function spostaUp()
{
cResto();
if(resto>=0) obj.style.top=(parseInt(obj.offsetTop)-Dy)+'px';
}
function spostaDown()
{
if(parseInt(obj.offsetTop)<0) obj.style.top=(parseInt(obj.offsetTop)+Dy)+'px';
}
</script>
e questo è il codice della pagina in qui è applicata:
codice:
<body onload="initialize();">
SU GIU
<div style="position:relative; width:200px; height:100px; background-color:#FF9900; overflow:hidden">
<div id="testo" style="position:absolute; width:200px; background-color:#336666; top:0px; left:0px;">
ciao
ciao
ciao
ciao
ciao
ciao
</div>
</div>
</body>
praticamente serve per far scorrere il testo che si trova nel div id="testo" utilizzando i pulsanti SU e GIU. L'ho testata con FF 2.0 e IE6 e funziona...sapreste dirmi 2 cose:
1) Che ve ne pare? come l'avreste fatta voi?
2) Apparte IE e FF, questa funzionerà pure su altri Browser o pensate ci saranno problemi?
grazie a chi risponde