Funcionamiento de una web

[doublefly]

Hola,

Encontré esta web y me gustaría saber el funcionamiento del menú que tiene en la parte superior. Estuve mirando un poco pero no lo consigo hacer como el de la web.

Os dejo la dirección para saber si alguien me puede dar algunos consejos de como montarlo.

http://www.pixedelic.com/plugins/diapo/

Saludos.

[kseso?]

Anchors también llamadas "anclas" o enlaces internos en el html.
Aderezado con algo de javascript para hacer los desplazamientos.

Rectifico, la existencia del header lo basa todo en javascript. Si se desactiva la página queda inoperativa. Nota: este tema nada tiene de css. Debería solicitar que se lo muevan al foro que corresponda. Creo.

[memoadian]

Pues es que aunque sea javascript esta manipulando propiedades css, y si no sabes mucho pues la confusion es facil de darse.

[kseso?]

Iniciado por memoadian

Pues es que aunque sea javascript esta manipulando propiedades css, y si no sabes mucho pues la confusion es facil de darse.

¿La respuesta es a mi comentario o a la cuestión planteada en #0?

[memoadian]

a tu comentario, refiriendote a que nada tiene de css, como dije alguien que no sabe mucho, puede confundir css puro con css manipulado mediante javascript.

[kseso?]

Iniciado por kseso?

Anchors también llamadas "anclas" o enlaces internos en el html.
Aderezado con algo de javascript para hacer los desplazamientos.

Rectifico, la existencia del header lo basa todo en javascript. Si se desactiva la página queda inoperativa. Nota: este tema nada tiene de css. Debería solicitar que se lo muevan al foro que corresponda. Creo.

Y sí, efectivamente no se casi nada. Mi ignorancia es providencial, también en css.
Pero le propongo dos pruebas:

1ª: desactive los estilos y javascript funcionando . Página nada estética pero la información y la funcionalidad (navegación incluida) es posible.

2ª: Javascript desactivado y estilos cargados. Página muy bonita pero todo el contenido del header (menú incluido) desaparece.

Y ahora enlazo con la consulta del usuario:

Encontré esta web y me gustaría saber el funcionamiento del menú que tiene en la parte superior...

Sabiendo que el destino de los enlaces son id´s dentro del mismo documento (html), que la funcionalidad y efectos la da el javascript, en mi ignorancia pregunto:
¿me gustaría saber el funcionamiento del menú que tiene en la parte superior

Memoadian ¿A qué foro corresponde la consulta?

[doublefly]

Hola,

Veo que el tema tal vez no esté en el foro correcto. Mejor tendría que hacer la pregunta en otra sección con javascript?
En todo caso para encontrar ejemplos parecidos a esta web ¿como seria la búsqueda en el google?

Estuve mirando el código de la página y entiendo que hay un script el cual tiene funciones que manejan los id header y main-nav pero debido a mi poco conocimiento del javascript no consigo entenderlo y me gustaría encontrar un ejemplo más sencillo para estudiar el funcionamiento.

Alguien podría darme alguna referencia de algún ejemplo?

Gracias.

[memoadian]

No entiendo por que tomas a mal mi comentario, solo justifique al usuario por no saber donde postear el tema, no veo a que viene tanta aclaración, lamento no haberme hecho entender.

[kseso?]

@doublefly
Como le decía en #2 la navegación está lograda con anclas o anchors. Esto es, enlaces internos a una parte del mismo documento html.

Una de las propiedades de los id´s (identificadores únicos, en el html son los id="nombre") es que pueden ser utilizados como destino de los enlaces: a href="#id" si están en el mismo documento o a href="www.dominio.ext/pagina.ext#id" si es desde fuera.

El resto, los efectos en el desplazamiento pueden ser logrados con el uso de diferentes lenguajes, tales como javaescript, css, etc.

Un sitio que hace un uso extensivo de este recurso es la wikipedia en los enlaces a las referencias en cada artículo (lo números pequeños en el cuerpo de los artículos). Con una particularidad:

Código HTML:

<sup id="cite_ref-4" class="reference"><!-- este id lo utiliza para el retorno desde la referencia del enlace siguiente -->
<a href="#cite_note-4"> <!-- destino a pie de página del enlace -->
 
<!-- en el destino del anterior -->
<li id="cite_note-4"> <!-- es el destino del enlace del cuerpo del artículo -->
<a href="#cite_ref-4"> <!-- este enlace es para retornar al cuerpo del artículo desde el que se ha llegado -->
 

@memoadian
¿tomarme a mal su comentario? En absoluto. Si así hubiese sido lo habría expresado sin ningún género de dudas en mi respuesta.

"no veo a que viene tanta aclaración": es lo mínimo que debería esperar si tan alegremente cuestiona mi respuesta sin aportar argumento alguno. Que se la aclare y quede patente su error de apreciación y juicio.

[doublefly]

@Keseso?

Hola,

Entiendo lo de los id y las ancoras pero al igual me explico mal porque a lo que me refiero es el efecto que tienen las el menú con el desplazamiento del scroll lateral. Si alguien supiera algún ejemplo lo agradecería.

Gracias por el aporte y seguiré investigado a ver si lo descubro.

[memoadian]

lo dicho no entendió en absoluto mi comentario,

no cuestione su respuesta, no alegue nada, lea bien.

dije "aunque sea javascript, este lenguaje manipula el css del documento, por lo que, si el usuario que preguntó esto, no sabe mucho de teconologías web, como javascript, puede facilmente confundirse de foro"

cosa que usted mismo pone aquí.

Sabiendo que el destino de los enlaces son id´s dentro del mismo documento (html), que la funcionalidad y efectos la da el javascript, en mi ignorancia pregunto:

y yo pregunto, ¿como asume usted que el usuario tiene conocimiento de esto? y ¿En que parte de lo que yo dije puse que este es el foro correcto? y ¿sabe leer?

¿cual error?, ¿cual cuestion?, no se deje llevar, al buen entendedor pocas palabras, y yo he gastado demasiadas con usted.

[kseso?]

Vaya. Y cuando yo ya había hecho promesa de olvidarme del tema, toda vez que no está en mis manos ayudar más al usuario, viene cambiando lo que dice que dijo por lo que dijo.

Sí, debe ser cierto, no se leer. Así que lo mejor es utilizar la cita textual:

Iniciado por memoadian

Pues es que aunque sea javascript esta manipulando propiedades css, y si no sabes mucho pues la confusion es facil de darse.

Iniciado por kseso?

¿La respuesta es a mi comentario o a la cuestión planteada en #0?

Iniciado por memoadian

a tu comentario, refiriendote a que nada tiene de css, como dije alguien que no sabe mucho, puede confundir css puro con css manipulado mediante javascript.

Iniciado por memoadian

dije "aunque sea javascript, este lenguaje manipula el css del documento, por lo que, si el usuario que preguntó esto, no sabe mucho de teconologías web, como javascript, puede facilmente confundirse de foro"

Y por favor, deje de gastar palabras en mi y dedique al menos 1 línea a responde la consulta una vez que ya está claro qué es lo que el usuario preguntaba:

a lo que me refiero es el efecto que tienen las el menú con el desplazamiento del scroll lateral

Y hasta aquí mi tiempo y ganas de seguir con el tema, responda lo que responda.

Tenga un buen día.

[memoadian]

pura y simple falta de atención, me queda claro que no es su fuerte esto del entendimiento, saludos :)