Foros del Web » Creando para Internet » HTML »

Duda link a la misma pagina

Estas en el tema de Duda link a la misma pagina en el foro de HTML en Foros del Web. <a href="#nombre">xxxxxx</a> Como se puede hacer para que cuando se clickee en un link de ese tipo, lo muestre arriba del todo de la pantalla ...
  #1 (permalink)  
Antiguo 10/03/2012, 20:59
Avatar de rodrigogelp  
Fecha de Ingreso: enero-2012
Ubicación: La Plata
Mensajes: 8
Antigüedad: 12 años, 3 meses
Puntos: 1
Pregunta Duda link a la misma pagina

<a href="#nombre">xxxxxx</a>

Como se puede hacer para que cuando se clickee en un link de ese tipo, lo muestre arriba del todo de la pantalla y no abajo
(espero que se entienda )

O sea que no haya que bajar para ver lo que viene despues de xxxxxx.
  #2 (permalink)  
Antiguo 10/03/2012, 21:30
Avatar de blogdopata  
Fecha de Ingreso: marzo-2012
Ubicación: Lima, Peru, Peru
Mensajes: 14
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Duda link a la misma pagina

Jajaja es primera ves q respondo ojala este bien :S

dale <a href="#top">Vamonos arriba :D</a>

Ojala sirva Exitos
  #3 (permalink)  
Antiguo 10/03/2012, 21:46
Avatar de rodrigogelp  
Fecha de Ingreso: enero-2012
Ubicación: La Plata
Mensajes: 8
Antigüedad: 12 años, 3 meses
Puntos: 1
Respuesta: Duda link a la misma pagina

Gracias por responder, pero no era a eso lo que me referia.

Lo que quiero es ir a un link que puede estar a cualquier altura de la pagina, pero que cuando vaya no quede en la parte inferior de la pantalla del monitor, sino que arriba del todo.

Es complicado de escribir...
  #4 (permalink)  
Antiguo 10/03/2012, 22:05
Avatar de rodrigogelp  
Fecha de Ingreso: enero-2012
Ubicación: La Plata
Mensajes: 8
Antigüedad: 12 años, 3 meses
Puntos: 1
Respuesta: Duda link a la misma pagina

Al final resolvi el problema con javascript. Seguramente esta muy mal hacer esto pero anda

Por si alguno le interesa dejo el codigo es algo asi:

Código:
<a href="#" id="nombre" onClick="abajo();">xxxxxx</a>


function findPos(obj) {

var curleft = curtop = 0;
if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
        }
}
return [curleft,curtop];

}


function abajo()
{
pos = findPos(document.getElementById('nombre'));
y = pos[1];
window.scrollTo(0,y);
}
  #5 (permalink)  
Antiguo 12/03/2012, 02:08
Avatar de blogdopata  
Fecha de Ingreso: marzo-2012
Ubicación: Lima, Peru, Peru
Mensajes: 14
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Duda link a la misma pagina

mmmm que bien que lo solucionaste :D
ahora tb he salido de un problema , pero ya me surgio otro Dx
Bueno exitos !!
!

Etiquetas: link
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:27.