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>
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>
Código PHP:
<iframe name="fotografia" id="fotografia" width="323" height="238" src="contenido.html" frameborder="no" scrolling="no" style="border:0px;"></iframe>
