Foros del Web » Programando para Internet » Javascript »

Hacer scroll en un div con Javascript

Estas en el tema de Hacer scroll en un div con Javascript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/04/2009, 04:58
 
Fecha de Ingreso: abril-2009
Mensajes: 8
Antigüedad: 15 años
Puntos: 0
Hacer scroll en un div con Javascript

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.
  #2 (permalink)  
Antiguo 17/04/2009, 05:52
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Hacer scroll en un div con Javascript

Hola

Aquí tienes donde elegir

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 17/04/2009, 10:31
 
Fecha de Ingreso: abril-2009
Mensajes: 8
Antigüedad: 15 años
Puntos: 0
Respuesta: Hacer scroll en un div con Javascript

Muchas gracias Adler, pero eso no es lo que necesito.

Esos ejemplos que me das, hacen scroll de todo el div, es decir, mueven para arriba o para abajo una capa entera, yo lo que quiero es acceder al scroll que sale automáticamente en esa capa que contiene la tabla, y poder moverme hacia arriba o hacia abajo.

A lo mejor no me explique bien antes, la tabla es dinámica y casi siempre es más grande que la capa, entonces sale el scroll automático (tengo la propiedad overflow: auto), y lo que yo quiero hacer, es poder mover ese scroll con javascript. A lo mejor es imposible...

De todas formas, gracias por contestar y además, me diste una idea, en caso de que sea imposible hacer algo como lo que pido, intentaré hacerlo de la forma que tú me dices.

Un saludo y gracias.
  #4 (permalink)  
Antiguo 18/02/2010, 15:41
Avatar de jdyerovi  
Fecha de Ingreso: octubre-2008
Ubicación: Quito - Ecuador
Mensajes: 23
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Hacer scroll en un div con Javascript

puedes conseguir http://www.dyn-web.com/code/scroll/vert.php mi me sirvio mucho

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:02.