Efecto Frame pero sin frame.

RaNSaRoT · #1 (**permalink**) 13/10/2011, 04:23

Hola, ante todo no se si este apartado es en el que debo preguntar esto, lo siento de no ser asi. Bueno me gustaría hacer una pagina, en la que necesito que una parte de la web (La cabecera en este caso) nunca cambie, pero sí, el resto de la web. Pense en un principio en Ajax, pero claro si hago toda la web con ajax, me quedaria sin direcciones de acceso instantaneo para las categorias. Entonces querria saber de que manera se podria hacer, ya que lo he visto en una web: http://grooveshark.com/ y no se como lo haran (el reproductor siempre se mantiene), a ver si alguien me puede orientar un poco, muchas gracias! :)

shilen79 · #2 (**permalink**) 13/10/2011, 04:36

Creo que preguntas por lo mismo que acaba de preguntar otro usuario, te dejo aqui lo que le puse.

Código PHP:

  include 'header.php';

En el header.php , iria el código html/php que quieras incluir en la cabecera de tu página.
Y ya en el index.php realizas el include, de este modo siempre tendrás la cabecera con el mismo contenido y solo cambiara lo que quieras del resto de la página.

Un saludo y espero que esa fuera la duda que tenias.

RaNSaRoT · #3 (**permalink**) 13/10/2011, 04:52

Perdona, me explique mal.. no quiero repetir la cabecera, quiero decir que la cabecera no se recargue, digamos que yo voy a tener un reproductor en la cabecera ¿vale? entonces quiero que ese reproductor, cuando vaya a otra seccion de la web, no deje de reproducir la cancion.. Ese es mi problema! muchas gracias! :)

kiko's · #4 (**permalink**) 13/10/2011, 07:22

Creo que tendrá que ser con AJAX:

Código:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
   $('.enlaceInterno').click(function(event){
    event.preventDefault();
    var href = $(this).attr("href");
    $('#principal').load(href);
   });
 });
</script>
</head>


<body>
<div id="reproductor">Aquí el reproducto. Probandooo:<?php echo time(); ?></div>
<div id="principal">
   Aquí va el resto de la web
   <a href="pagina2.php" class="enlaceInterno">Ir a pagina2.php</a>
</div>
</body>
</html>

RaNSaRoT · #5 (**permalink**) 13/10/2011, 08:30

Gracias, pero asi tendría el problema que te comento no? es decir si estoy en ww.pagina.com y le doy a otra direccion, cambiaria el div de principal, pero la pagina.com seguiria igual.. y yo necesito que los enlaces cambien.. no que se quede como flash.. es decir que si me meto en productos se vaya a: www.pagina.com/productos, esto es algo importante para lo que intento realizar. la pagina que te he puesto de ejemplo que lo hace, si que cambia su url.. por eso no entiendo como lo hace :S, gracias!.

Triby · #6 (**permalink**) 13/10/2011, 08:43

Ya viste que GrooveShark usa AJAX?... de hecho las dos unicas opciones para mantener la musica son frames y AJAX.

Que se puede hacer?, depende de lo que necesites, pero si lo que te interesa es el posicionamiento en buscadores, simplemente creas los enlaces normales con su evento onclick, los robots no interpretan Javascript y no tendras problema, ejemplo:

<a href="pagina.php?variable=valor" onclick="funcion_js('parametros'); return false;">Texto del enlace</a>

Si el navegador tiene Javascript habilitado, entonces se ejecutara la funcion, actualizando solo las secciones de la pagina que necesites.

Si se trata de un robot o navegador con javascript habilitado, entonces te llevara a la pagina correspondiente... reiniciando la musica.

kiko's · #7 (**permalink**) 13/10/2011, 08:47

Hola

Se me ocurre una forma de hacer los enlaces igual que en Grooveshark. Habría un index.php que lo llamaríamos el controlador, y otro index.php(o index.html, como quieras llamarlo) que sería "la vista" de la página principal. En el index.php controlador manipularíamos lo que quieres hacer.

No sé si la cosa funcionará. Si luego tengo un rato hago unas pruebas.

Saludos.

Artificium · #8 (**permalink**) 13/10/2011, 11:52

Podrías usar Ajax y para solucionar de alguna forma el problema de las URL y el botón back, podrías usar esto:

http://www.unfocus.com/projects/historykeeper/

Yo lo usé y me sirvió mucho. Suerte!

RaNSaRoT · #9 (**permalink**) 14/10/2011, 00:27

OK, muchas gracias a todos de verdad! el tema de las urls, mas que para el posicionamiento (aun que tambien me interesa mucho), es más para poder entrar directamente a un producto con la url directa. Pero bueno no estoy muy seguro, pero vamos cambiando la url de la forma que dice triby me servira supongo! venga gracias! :)

eres · #10 (**permalink**) 21/10/2011, 07:56

Hola me ha ido muy bien esta solución, solo una cosa, es normal que en Chrome no me funcionen los enlaces?

Código:

 <a href="pagina2.php" class="enlaceInterno">

Gracais!

kiko's · #11 (**permalink**) 21/10/2011, 08:00

Hola

Si no recuerdo mal lo probé con Chrome y sí funcionaba. Al código que has puesto le falta un </a>, así:
<a href="pagina2.php" class="enlaceInterno">hooola</a>

eres · #12 (**permalink**) 22/10/2011, 05:54

Toda la razón del mundo kiko's, funciona bien en Crhome, el problema no era la </a> soy bastante paquete pero allí llego, el problema es que estaba probandolo en un html y lo visualizaba directamente, al ponerlo en un servidor (localhost) me funciona bien!