Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: WIитX en 8 Marzo 2015, 17:25 pm



Título: [Resuelto] Como hago lo siguiente en una index
Publicado por: WIитX en 8 Marzo 2015, 17:25 pm
Quiero que al pinchar un botón navegar por la página principal por ejemplo



Inicio l Perfil l Ajustes
-------------------------
1Sección
-------------------------
2Sección
-------------------------
3Sección
-------------------------

Todo eso es una index una web de 1 sola página al presionar en perfil se valla a la 2 sección, alguien sabe como puedo hacerlo, es como esta web por ejemplo: http://www.go-prints.com


Saludos y Gracias!


Título: Re: Como hago lo siguiente en una index
Publicado por: DeMoNcRaZy en 8 Marzo 2015, 17:37 pm
Buenas,

Para ello tienes que usar los efectos de js, puedes buscar referencias acá:

https://www.google.es/?gws_rd=ssl#q=ajax+cambiar+pagina+sin+refrescar (https://www.google.es/?gws_rd=ssl#q=ajax+cambiar+pagina+sin+refrescar)

PD: puedes buscarlo en js, ajax, jquery, etc.. los más usados son ajax y jquery para este tipo de efectos que buscas.

Saludos.



Título: Re: Como hago lo siguiente en una index
Publicado por: WIитX en 8 Marzo 2015, 17:38 pm
Ni p**a idea, podrías ayudarme? la verdad es que me urge un poco


Título: Re: Como hago lo siguiente en una index
Publicado por: DeMoNcRaZy en 8 Marzo 2015, 17:47 pm
Ni p**a idea, podrías ayudarme? la verdad es que me urge un poco

Mira aquí puedes descargar este pequeño script y lo modificas a tu gusto:

http://www.funcion13.com/2012/03/28/sencilla-web-con-navegacion-ajax-en-jquery/ (http://www.funcion13.com/2012/03/28/sencilla-web-con-navegacion-ajax-en-jquery/)

Comprueba el demo, es según como dices.

Aquí otro aporte:

http://www.ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html (http://www.ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html)

Hay es un botón para deslizar la web, añade ese efecto a los botones del menú modificando las medidas.

Otro aporte:

PD: Revisa este enlace es el que más te va a servir.

http://jqueryfordesigners.com/iphone-like-sliding-headers/ (http://jqueryfordesigners.com/iphone-like-sliding-headers/)

Saludos.


Título: Re: Como hago lo siguiente en una index
Publicado por: NikNitro! en 8 Marzo 2015, 18:47 pm
No se si es una abstracción de lo que buscas, pero has pensado en las etiquetas ancla y los saltos a las mismas?
Busca "ancla" en esta web http://html.hazunaweb.com/113.php

Saludos.


Título: Re: Como hago lo siguiente en una index
Publicado por: MinusFour en 8 Marzo 2015, 20:09 pm
Si te entendi bien, quieres que haga un scroll lento hasta el contenido?

http://jsfiddle.net/gux98txs/1/


Título: Re: Como hago lo siguiente en una index
Publicado por: WIитX en 8 Marzo 2015, 20:10 pm
Si te entendi bien, quieres que haga un scroll lento hasta el contenido?

http://jsfiddle.net/gux98txs/1/

¡Exactamente!  ;-)