Ave!
ho una pagina html con un iframe e due immagini che permettono di scorrere su e giù l'iframe, come le scrollbars. Questo il codice:
<html>
<head>
<title>iframe con scroll</title>
<script language="javascript">
myVar=0
function scroll(direction) {
if (direction==0) {
document.myFrame.scrollBy(0,myVar)
} else {
document.myFrame.scrollBy(0,-myVar)
}
}
</script>
</head>
<body>
<iframe name="myFrame" id="frame_help" height="185" width="240" marginwidth="10" marginheight="10" scrolling="yes" border="0" frameborder="0" src="help/help_index.htm"></iframe>
<div id="up" class="up"><img id="img1" onmouseover="myVar=1; setInterval('scroll(0)',20);" onmouseout="myVar=0; setInterval('scroll(0)',20);" src="images/up.gif"></div>
<div id="down" class="down"><img id='img2' onmouseover="myVar=1; setInterval('scroll(1)',20);" onmouseout="myVar=0; setInterval('scroll(1)',20);" src="images/down.gif"></div>
</body>
</html>
Detto questo, se provate a visualizzare la pagina, vi accorgete che al passaggio del mouse sulle 2 img fa un casino, tra scroll su e scroll giù, ma solo se passate da un'img all'altra. Il tutto perchè ho usato il metodo "setInterval()"... so che esiste un metodo x "pulire" l'interval che si chiama 'clearInterval' ma non so come funziona, l'ho provato ma non ho avuto i risultati sperati...
Sapete aiutarmi? Vi prego è importante... :dipser:
ho una pagina html con un iframe e due immagini che permettono di scorrere su e giù l'iframe, come le scrollbars. Questo il codice:
<html>
<head>
<title>iframe con scroll</title>
<script language="javascript">
myVar=0
function scroll(direction) {
if (direction==0) {
document.myFrame.scrollBy(0,myVar)
} else {
document.myFrame.scrollBy(0,-myVar)
}
}
</script>
</head>
<body>
<iframe name="myFrame" id="frame_help" height="185" width="240" marginwidth="10" marginheight="10" scrolling="yes" border="0" frameborder="0" src="help/help_index.htm"></iframe>
<div id="up" class="up"><img id="img1" onmouseover="myVar=1; setInterval('scroll(0)',20);" onmouseout="myVar=0; setInterval('scroll(0)',20);" src="images/up.gif"></div>
<div id="down" class="down"><img id='img2' onmouseover="myVar=1; setInterval('scroll(1)',20);" onmouseout="myVar=0; setInterval('scroll(1)',20);" src="images/down.gif"></div>
</body>
</html>
Detto questo, se provate a visualizzare la pagina, vi accorgete che al passaggio del mouse sulle 2 img fa un casino, tra scroll su e scroll giù, ma solo se passate da un'img all'altra. Il tutto perchè ho usato il metodo "setInterval()"... so che esiste un metodo x "pulire" l'interval che si chiama 'clearInterval' ma non so come funziona, l'ho provato ma non ho avuto i risultati sperati...
Sapete aiutarmi? Vi prego è importante... :dipser:
