mover scroll de una div

[xias]

hola:

tengo una div tal que asi:

<div style="overflow:auto; width: 330px; height: 81px;" id="datos">

que contiene dos tablas.

entre tabla1 y tabla2 he colocado

<a name="datos2"></a>

y lo que quiero es que al pulsar sobre un boton la tabla2 esté al comienzo de la div(se haya movido el scroll). Y todo esto sin que se recarge la página.

Creo q debe ser muy facil pero no lo consigo.

probe con esto:

document.getElementById('datos').href="datos2";
document.getElementById('datos').src="#datos2";

pero no me funciona.

Como lo puedo hacer???

Gracias, un saludo

[Shade]

si tienes <a name="datos2></a>

Tienes que crear un enlace con... <a href="#datos2">Ir a tabla2</a> y ya esta... creo entender que es eso lo que quieres?

[xias]

hola:

gracias por la rapidez,

pero lo quiero hacer mediante una funcion javascript, sin enlace.

probe asi:

document.getElementById('datos').href="#datos2";

pero no me funciona.

muchas gracias

[Shade]

es que lo estas razonando mal. Lo que necesitas es:

Código:

<div style="overflow:auto; width: 330px; height: 81px;" id="datos">
<table height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<a name="datos2"></a>
<div style="overflow:auto; width: 330px; height: 81px;" id="datos">
<table height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<div>

Y el javascript debe ser en el onclick de la imagen como:

Código:

<img id="datos" src="imagen.jpg" onclick="document.getElementById('datos').href='#datos2'" />

Entiendes... tu agarras el elemento con ID "datos" y le pones de href #datos2.

Antes lo que hacias era asignarle al elemento datos el href #datos2... pero no tenias ningun elemento con id datos.

P.D.: Creo que asi deberia funcionar. Igual espero haberme explicado lo suficiente como para que ya entiendas lo que debes hacer.

[xias]

hola de nuevo

en la div tengo asignada su id="datos", y en el onclick como tu bien dices tengo: document.getElementById('datos').href="#datos2", pero no me funciona.

Un duda: le asignas id a la imagen igual al de la div, no puede ser, el id debe ser unico si no me equivoco.

muchas gracias¡¡¡

asi es como mas o menos tengo mi div, tabla1, punto, tabla2...
<div style="overflow:auto; width: 330px; height: 81px;" id="datos">
<table height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<a name="datos2"></a>
ztable height=80 width=280>
<tr>
<td></td>
</tr>
</table>
<div>

y asi lo intente pero no me funciona:

document.getElementById('datos').href="#datos2"

gracias¡¡¡

[Shade]

Bueno... como veo que tienes ganas te he desarrollado un pequeño script pa hacerlo.

Javascript

Código:

<script type="text/javascript">
var i = 1
function scrollear()
{
var puntodescroll = document.getElementById('datos2').offsetTop;
if(i <= 6 && i >= 1)
{
document.getElementById('contenido').scrollTop = puntodescroll;
i++;
}
}
</script>

HTML

Código:

<div id="contenido" style="overflow:auto; width: 330px; height: 81px;">
<table height=80 width=280>
	<tr>
		<td>Asereje1 Tirititraun1</td>
	</tr>
</table>
<a id="datos2"></a>
<table height=80 width=280>
	<tr>
		<td>Asereje Tirititraun</td>
	</tr>
</table>
</div>

<img src="Imagenqueteapetezca.jpg" border="0" onclick="scrollear()" />

Bueno como veras es muy simple... le asigno a la variable i el valor del offsetTop del punto de anclaje con id="datos2" y le hago un scrollTop al div de ese valor...

sencillito, si no lo entiendes (no se tus conocimientos de javascript) y quieres aprenderlo avisame y creo un "review" aqui mismo.

[xias]

hola:

pense q seria mas facil.

unas preguntillas...
offsetTop que es exactamente lo que devuelve?? donde esta colocado en px el punto de fijacion??
por q poner el if?? q explicacion tiene??

gracias¡¡¡ un saludo

[Shade]

offsetTop te devuelve la distancia que hay entre el elemento que le indicas (en nuestro caso "datos2" con el top del elemento que lo tiene.

En px el punto de fijacion? No entiendo...

El if es para que detecte que que if tiene valor superior a

[xias]

hola de nuevo:

En px el punto de fijacion? No entiendo... ok, entendi para q valia offsetTop.

el if no lo necesito, directamente le digo el valor al que quiero que se coloque.

muchas gracias, un saludo

[Shade]

Nu hay de que ^_^ Espero que de verdad te sirva, lo bueno es que asi por mas largo que sea el div o se encuentre donde se encuentre lo va a realizar bien.

[david_]

Gracias, estaba buscando algo así:

document.getElementById('contenido').scrollTop = document.getElementById('datos2').offsetTop

y me viene de perlas

[toniveas]

Muy buenas,

Estoy buscando algo parecido, pero con dos botones uno que haga scroll progresivo hacia arriba y otro scroll progresivo hacia abajo.

Alguien me puede ayudar? Gracias