Bueno, perdón por el título que puse, pero es que no sabía cómo decirlo mejor...
Estoy usando un código que permite hacer scroll a un iframe meidnate dos botones (gráficos). El caso es que se hace con onmouseover y onmouseout, así que cuando pasas el cursor el contenido del iframe se desplaza hasta que retiras el cursor de encima del botón. Me gustaría saber si es posible hacerlo con cliks, es decir, al hacer click el contendido se desplaza y al hacer otro click, se para. Esto se puede conseguir facilmente cambian onmouseover por onclick, pero... ¿cómo sustituyo el onmouseout?
Este es el código:
Código PHP:
<script type="text/javascript">
var timer_id;
function scroll_iframe(frm,inc,dir) {
if (timer_id) clearTimeout(timer_id);
if (window.frames[frm]) {
if (dir == "v") window.frames[frm].scrollBy(0, inc);
else window.frames[frm].scrollBy(inc, 0);
timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
}
}
function stopScroll() { if (timer_id) clearTimeout(timer_id); }
</script>
Este el de los botones:
Código PHP:
<a href="javascript:;" onclick="scroll_iframe('fotografia', -4, 'v'); window.status='Hover here to scroll up.'; return true" onmouseout="stopScroll(); window.status=''; return true"><img src="camaras-digitales-y03.jpg" width="62" height="39" border="0" alt=""></a>
<a href="javascript:;" onclick="scroll_iframe('fotografia', 4, 'v'); window.status='Hover here to scroll down.'; return true" onmouseout="stopScroll(); window.status=''; return true"><img src="camaras-digitales-y14.jpg" width="62" height="30" border="0" alt="// Bajar"></a>
Y por si sirve de algo, este es el iframe:
Código PHP:
<iframe name="fotografia" id="fotografia" width="323" height="238" src="contenido.html" frameborder="no" scrolling="no" style="border:0px;"></iframe>
GRACIAS!!!