Tienes dos opciones.
La rapidísima:
<IFRAME>La lenta (y que te recomendarán aquí):
AJAXHANDICAPS- Te adelanto, que si te cuidas el IFRAME, te dará las mismas prestaciones que el AJAX (en general), aunque deberás tener en cuenta algunos asunticos respecto a la estructura de tu WEB (lo cual no lo hace más complicado).
- Trabajar con AJAX, será algo más difícil inicialmente, y tendrás que tener también cuidado con las estructura, como trabajando con IFRAMES.
HOW TO:De una u otra manera, se haría así:
<head>
<script>
function carga_AJAX(url,ID)
{
_/* Código de la función de carga asíncrona. */
}
</script>{
</head>
<body>
<div style="position:absolute; z-index:1000;"><!-- Código del reproductor //--></div>
<div style="position:absolute; z-index:2;" id="ID_CONTENEDOR_MENU">
<a href="javascript:carga_AJAX('ruta_de_sub-pagina.html','ID_CONTENEDOR_AJAX')">subpágina1</a>
<a href="ruta_de_sub-pagina.html" target="NOMBRE_IFRAME">subpágina1</a>
</div>
<div style="position:absolute; z-index:1;" id="ID_CONTENEDOR_AJAX"></div>
<div style="position:absolute; z-index:1;" id="ID_CONTENEDOR_IFRAME">
<iframe src="ruta_de_sub-pagina.html" style="" name="NOMBRE_IFRAME"></iframe>
</div>
</body>
En
verde, sólo lo que requiere el AJAX.
En
rojo, lo que requiere el IFRAME.
PROBLEMAS:-Con Iframes, el mayor problema que tendrás, es que un navegador no los soporte, cosa que sólo ocurre con los de la era de los dinosaurios, y los dispositivos móviles.
- Con AJAX, el problema lo encontrarás si el navegador no soporta javascript (los que no soportan IFRAMES), pero además, has de añadir los que, aunque lo soporten, lo tienen deshabilitado (existen muchas
extensiones, para FireFox, por ejemplo, que se encargan de esa tarea)
ARREGLAR LOS PROBLEMAS:- Arreglar las incompatibilidades que surgen por la ausencia de javascript en AJAX, supone alguna vuelta de tuerca (ya solucionada en los
tutos)
- Arreglar las incompatibidades con navegadores que no soportan iframes, no supone problema. De hecho, al no soportarlo, se abre el vínculo en página distinta con el mismo código que te he puesto, lo que va en favor de la sencillez.
- En ambos casos, has de tener claro que el motor de búsqueda de Google (como cualquier otro spider), no soporta ni IFRAMES, ni SCRIPTS, con lo que has de tener claro el esquema de la WEB, y hacerla accesible mediante un buen arbol de directorios en todas sus páginas.