Hola a todos, estoy haciendo una página web en la que tengo una tabla en HTML que se encuentra dentro de un "<div>", este div está declarado en una hoja de estilos y tiene la propiedad overflow: auto, es decir, automáticamente me crea la barra de scroll y eso funciona sin problemas.
El problema es el siguiente, tengo dos flechas que son dos imágenes, una es una flecha hacia arriba y la otra hacia abajo. Lo que quiero hacer es programar esas flechas con javascript (o con lo que sea) que hagan scroll en el div, si hago click (onclick) en la flecha hacia arriba, mueve el scroll de ese div hacia arriba y lo mismo para la flecha hacia abajo.
Os pongo un trozo del código:
Creo el div con la tabla dentro, mediante php:
Código:
<div id="tablanumerotest">';
$numerofilas =30;
echo ' <table name="tablatest">
<tr>
<th>Nº Test</th>
<th>Veces Realizado</th>
</tr>';
if ($numerofilas > 0) {
Dibujar_tabla_test($numerofilas);
}
echo '</table>
</div>';
Y estas son las flechas, donde debería ir la función en Javascript para hacer el scroll:
Código:
<div id="flechas" style="float: left; margin-top: 230px">
<div id="flechaarriba"><img src="imagenes/arribaR.jpg" onclick="Scroll()"></div>
<div id="flechaabajo"><img src="imagenes/abajoR.jpg"></div>
</div>
Si necesitais algo más, os lo posteo. Gracias de antemano.