Posicionar página dentro de un DIV con scroll

[Corneja]

Hola:

Tengo una página con un DIV en el que tengo un listado de trabajos realizados. El listado de trabajos está en una BD y cuando entras en la página te muestra el listado en un DIV y el trabajo que quieras mostrar en otro DIV al lado del listado. El problema es que cuando hago click para mostrar otro trabajo, como tiene que recargar la página me pierde la posición dentro del listado volviendo siempre al principio.

¿Alguna idea de como mantener la posición sin usar AJAX?

[elgupa]

Hola Corneja,

¿has probado utilizando anclas?

Supongo que cuando haces clic en un trabajo, recargarás tu página pasandole algún parámetro. Yo lo que haría sería añadir un ancla dinámicamente a cada registro, así cuando hagas clic supongo que irá directamente donde lo tengas anclado... Sería algo así:

Código:

http://tudominio.com/carpeta/listadotrabajos.php#reg1?id_trabajo=id_trabajo

Aquí tienes un ejemplo de como utilizar anclas:

http://www.cristalab.com/files/ejemplos/anclas/anclas.htm

Espero que me hayas entendido... sino te lo intentaré explicar de otra manera.

Un saludo y suerte.

[quinqui]

elgupa, el ancla no debiera ir al final de la url?

Código HTML:

http://tudominio.com/carpeta/listadotrabajos.php?id_trabajo=id_trabajo#reg1

[Corneja]

El resultado de eso que me decís funciona pero no es satisfactorio, ya que efectivamente me lo posiciona en ese punto pero desplaza toda la página hacia arriba para posicionar el ancla en la parte superior. ¿se os ocurre algo?

[Corneja]

Os dejo el enlace a la página de la que os hablo para que os hagáis una idea de que va

http://www.consiste.es/trabajos-de-diseno-web-e-imagen-corporativa.php?numero=31

[Corneja]

alguna idea???

[GatorV]

Trasladado a HTML

[darioc]

una cosa un poco caimana que puedes hacer es bajar el scroll por javascript cuando el element.offsetTop del texto seleccionado supera el height del div contenedor. como el element.offsetTop devuelve siempre la posición relativa, entonces no habrá problema.

podrás bajar el scroll cuanto consideres pertinente

Código PHP:

  <script language="javascript"> 
document.getElementById("divcontenido").scrollTop = "50"; //sin px 
</script>  
  

la cuestión es ir probando a ver qué tal ;)

PD: esto funciona con IE 6 y 7, no he probado con otros exploradores...

[Corneja]

Muchas gracias voy a probar