Usar URL o Enlace usando Iframes

ghonn · #1 (**permalink**) 26/10/2011, 22:04

Hola soy nuevo aca en el foro, me presento soy Gonzalo.
Soy un usuario bastante activo de la web, pero siempre encontre lo que buscaba y no fue necesario mas.
Esta vez el tiempo me corre y no pude encontrar la respuesta, busque y busque pero no pude encontrarla, y mas especificamente como buscarla exactamente.
Sin mas preambulos explico el problema, tratando de ser descriptivo.

Yo tengo una web, ya subida y presentada. Un bug importante a arreglar es el siguiente:
Lamentablemente como dije, ya esta terminada. Y esta hecha con Iframes, basicamente, el menu esta en la pagina padre, y en un iframe cargo cada pagina por separado, dentro de este.
Cual es el problema? que la URL es siempre la misma, no cambia, porque el Iframe no influye en esto.

Es decir:

Cita:

http://www.pagina-demo.com/

La url se mantiene, ignorando el contenido del Iframe.

En definitiva lo que necesito es la forma que, a traves de etiquetas en un a href o la forma que sea, solucionar este problema. Logrando asi por ejp, al entrar a la seccion About de la pagina, el URL quede por ejp

Cita:

http://www.pagina-demo.com/about

Espero puedan entenderme y mas aun responderme.

Para finalizar agrego que lo puse en la seccion Javascript porque se me ocurre que es la forma mas posible de lograrlo, de no ser asi espero puedan disculparme y sera movido.

Me despido Muchas Gracias.
Gonzalo

maycolalvarez · #2 (**permalink**) 27/10/2011, 10:12

puedes utilizar location.hash, o HTML5 pushState

ghonn · #3 (**permalink**) 27/10/2011, 11:14

Hola maycolalvarez! Gracias por responder!
Aunque estuve leyendo y no entendi bien tu respuesta, creo que no es lo que busco.
Fijate si leyendo una vez mas entendes mi problema, o yo entender tu solucion.
Muchas Gracias!

maycolalvarez · #4 (**permalink**) 27/10/2011, 12:02

al modificar el hash de la url, puedes cambiar el aspecto de la url en la barra de direcciones, tal como lo hace twitter, claro está que se antepondría el hash (#):

http://www.pagina-demo.com/#about

cosa que HTML5 pushState resuelve, solo impidiéndote modificar el dominio.

para que dicha solución funcione, has de analizar desde javascript el location.hash para hacer la correspondiente re-dirección del iframe, lo mismo aplica hacia AJAX.

otra solución, seria de parte del servidor e implica pasar variables para generar un HTML dinámico con el url del iframe preparado:

http://www.pagina-demo.com/index.php?about (con php)

ó

http://www.pagina-demo.com?about

el único detalle para ocultar el "?" es implementar sobre-escritura de la url o url's amigables, para que quede tal cual:

http://www.pagina-demo.com/about