Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Navegación con AJAX, Hash y link de Menú activo

Estas en el tema de Navegación con AJAX, Hash y link de Menú activo en el foro de Javascript en Foros del Web. Hola a todos. Quiero realizar una web muy pequeña con navegación AJAX . Tiene 4 secciones y quiero que mientras se navegue, sólamente cambie el ...
  #1 (permalink)  
Antiguo 29/07/2013, 04:34
Avatar de nacachop  
Fecha de Ingreso: julio-2013
Ubicación: Rosario
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 1
Pregunta Navegación con AJAX, Hash y link de Menú activo

Hola a todos. Quiero realizar una web muy pequeña con navegación AJAX. Tiene 4 secciones y quiero que mientras se navegue, sólamente cambie el contenido del medio, quedando igual la cabecera y el footer.

Estuve buscando mucho y no encuentro un tutorial o algún ejemplo de navegación con AJAX que mantenga el link de la sección seleccionada como activo y que además se pueda ir hacia atrás/adelante con el botón de retroceder/avanzar del navegador.

Espero que se haya entendido lo que estoy buscando. Muchas gracias.
  #2 (permalink)  
Antiguo 29/07/2013, 10:11
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 20 años, 5 meses
Puntos: 1284
Respuesta: Navegación con AJAX, Hash y link de Menú activo

Hola:

Tal vez no hayas encontrado referencias porque no es nada recomendable; entre otras cosas porque los contenidos se indexan fatal en los buscadores (SEO). No sé las razones que tengas para hacer esa barbaridad (en mi humilde opinión), pero te encontrarás con muchos problemas.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 29/07/2013, 11:32
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.144
Antigüedad: 18 años, 3 meses
Puntos: 832
Respuesta: Navegación con AJAX, Hash y link de Menú activo

A mi tampoco me gusta, pero en caso de que no tengas más remedio podés ver este tema, donde explicamos la manera sencilla de hacerlo usando el hash en la url: http://www.forosdelweb.com/f13/inclu...co-con-856838/

Para seo, el hash (#) es recomendable convertirlo en #!, lo que normalmente se llama hashbang o shebang. Es una recomendación de Google (https://developers.google.com/webmasters/ajax-crawling/) que imagino que en breve va a ser obsoleta (o quizá ya lo sea) debido al manejo del historial que propone html5 con pushState y eventos como onpopstate:
http://blog.alebanzas.com.ar/2011/11...location-hash/
  #4 (permalink)  
Antiguo 29/07/2013, 15:32
Avatar de nacachop  
Fecha de Ingreso: julio-2013
Ubicación: Rosario
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: Navegación con AJAX, Hash y link de Menú activo

Gracias por sus respuestas. Necesito hacer el sitio en AJAX ya que el cliente quiere musica de fondo sin que se corte cuando se está navegando.

Estuve investigando y parece ser que es la mejor solución, ya que las alternativas serían con iframe o que se abra un popup con un reproductor en el mismo.

Si, ya sé que es horrible la música de fondo pero no pude convercer al cliente de que no lo haga.

Necesitaría algo como JNavigate ( http://www.profilepicture.co.uk/demos/jNavigate/index.php?page=home ) pero que el link quede seleccionado cuando se está en esa sección, y la verdad que no se casi nada de javascript y me está costando mucho.

Bueno les agradecería que me tiraran un norte con este tema. Saludos!
  #5 (permalink)  
Antiguo 29/07/2013, 16:03
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.144
Antigüedad: 18 años, 3 meses
Puntos: 832
Respuesta: Navegación con AJAX, Hash y link de Menú activo

Cita:
Iniciado por nacachop Ver Mensaje
Bueno les agradecería que me tiraran un norte con este tema. Saludos!
Si no leés detenidamente las respuestas, aunque te tiren los 4 puntos cardinales juntos...
  #6 (permalink)  
Antiguo 29/07/2013, 16:09
Avatar de nacachop  
Fecha de Ingreso: julio-2013
Ubicación: Rosario
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: Navegación con AJAX, Hash y link de Menú activo

Cita:
Iniciado por Panino5001 Ver Mensaje
Si no leés detenidamente las respuestas, aunque te tiren los 4 puntos cardinales juntos...
jaja gracias por la cagada a pedos, a veces hace falta... Saludos y gracias!
  #7 (permalink)  
Antiguo 29/07/2013, 16:13
Avatar de danny_  
Fecha de Ingreso: septiembre-2012
Mensajes: 95
Antigüedad: 10 años
Puntos: 4
Respuesta: Navegación con AJAX, Hash y link de Menú activo

Igual esto te puede ayudar.

http://www.inserthtml.com/2013/06/history-api/
__________________
http://www.danielcarvajal.es

Etiquetas: activo, ajax, hash, link, navegacion
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




La zona horaria es GMT -6. Ahora son las 21:56.