¿Cómo desplazarce por la pagina en links?

Burguito · #1 (**permalink**) 31/08/2006, 10:39

Hola!!
¿Como estan todos?
Pues aqui les dejo unas de mis dudas, aver quien me puedo ayudar...
Pues me gustaria saber como puedo desplazarme en la pagina con solo dar click a un link...

O sea supongamos que tenemos 4 preguntas y 4 respuestas, las preguntas y respuestas estan en un orden respectivamente...

primero arriba esta agrupadas las preguntas y luego abajo las respuestas.

Entonces por ejemplo las preguntas son enlaces, y cada vez que le das un click a una de las preguntas te lleva a donde esta la respuesta, que se supone que estara abajo...

Espero que me hayan entendido y aqui estare esperando sus respuestas colegas! :)

Saludos!
Gracias :)

K3NNY · #2 (**permalink**) 31/08/2006, 11:42

Si entendi bien necesitas usar "anchors". Justamente hace unos dias preguntaron lo mismo, ahi vas a encontrar la solucion...

ir a un determinado lugar en .html

Burguito · #3 (**permalink**) 31/08/2006, 14:07

Disculpa... pero aun no entiendo nada!
Entre al link que me diste vi unos post (no me ayudaron mucho), vi el tuyo pero pusiste una dirección en ingles :(

Tu o alguna otra persona no sabe donde lo expliquen detalladamente y en espanol ?

Se lo agradeceria mucho :)
Salu2 ;)

fearlex · #4 (**permalink**) 31/08/2006, 15:08

Es bien facil. Miralo Asi de esta forma

Pregunta 1
Por que la gallina cruzo la calle ?
<a href="#res1">Ir a respuesta 1</a>

Pregunta 2
Por que la gallina cruzo la calle ?
<a href="#res2">Ir a respuesta 2</a>

Pregunta 3
Por que la gallina cruzo la calle ?
<a href="#res2">Ir a respuesta 3</a>

<a name="res1"></a> Respuesta 1: Ni yo mismo se
<a name="res2"></a> Respuesta 2 Esta tampoco me la se
<a name="res3"></a> Respuesta 3 Me la estas poniendo dificil.

Espero te sirva

Burguito · #5 (**permalink**) 08/09/2006, 01:13

MMmm... se que molestara un poco, pero de verdad aun no entiendo... ta bueno ese ejemplo... pero me gustaria que le agregaran unas direcciones cuales quiera para entender un poco mejor...

Saludos! :D

fearlex · #6 (**permalink**) 08/09/2006, 07:34

Pega esto en un documento nuevo, y analizalo, use para poder tener el espacio y que veas el efecto, simplemente pegalo en un nuevo documento,
y una vez que hayas entendido su funcion, borra los . Espero te sirva y descuida, que nadie se va a molestar por que preguntes, para eso es este foro

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<h3>Pregunta 1</h3>
<p>Por que la gallina cruzo la calle ?</p>
<a href="#res1">Ir a respuesta 1</a>

<h3>Pregunta 2</h3>
<p>Por que la gallina cruzo la calle ?</p>
<a href="#res2">Ir a respuesta 2</a>

<h3>Pregunta 3</h3>
<p>Por que la gallina cruzo la calle ?</p>
<a href="#res3">Ir a respuesta 3</a>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />


<a name="res1"></a> <h1>Respuesta 1</h1> <p>Ni yo mismo se</p> <a href="#top">Ir a preguntas</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="res2"></a> <h1>Respuesta 2</h1> <p>Esta tampoco me la se</p> <a href="#top">Ir a preguntas</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="res3"></a> <h1>Respuesta 3</h1> <p>Me la estas poniendo dificil.</p> <a href="#top">Ir a preguntas</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />



</BODY>
</HTML>

rock_blues.NET · #7 (**permalink**) 08/09/2006, 08:54

hola Burguito
earlex te entrego una pagina con lo q quieres.. analizala

ahora logicamente esto funciona.. muy parecido a los link a otras paginas.. salvo q estas trabajando en una pargina, para asi obtener las respuestas a tus preguntas. como mencionaste al principio. todo esta dentro de la misma pagina.. primero preguntas y despues respuestas, nose en un lugar donde no se vean juntas..

continuo..

si te diste cuenta. para ir a la respuesta se utiliza un

<a href="#res1">respuesta</a>

efectivamente estos son link y entiendelos como eso "LINK"

con el codigo anterior tu le dices q vaya donde esta el objeto q tiene el nombre "res1". Es decir, en ves de un link a otra pagina(xx.html) es un link dentro de la misma pagina, con referencia al nombre q tu le das, en este caso "res1".

espero hayas entendido

Burguito · #8 (**permalink**) 08/09/2006, 14:59

Muchas gracias a ambos (fearlex y rock_blues.NET)! :)
Lo Analize y entendi :)
Gracias!

Tew · #9 (**permalink**) 08/09/2006, 17:41

A mi me gusta mas asi, y no se hace un uso innecesario de las etiketas en la parte de las respuestas

<a href="#res1">Por que la gallina cruzo la calle ?</a>
<a href="#res2">Por que el pato cruzo la calle ?</a>
<a href="#res3">Por que la gata cruzo la calle ?</a>

Respuesta 1: Ni yo mismo se
Respuesta 2 Esta tampoco me la se
Respuesta 3 Me la estas poniendo dificil.

fearlex · #10 (**permalink**) 11/09/2006, 07:14

El uso innecesario de las etiquetas es con el simple motivo de poder enseñarle un documento largo con el efecto que el desea, por supuesto que esas etiquetas no se usan en esa cantidad, si miras los primeros post, puse un ejemplo IDENTICO al que pusistes pero aun asi el no lo entendio. De ahi el motivo las etiquetas.