Hola gente, resulta que cree mi menu de navegacion utilizando ajax, es decir, los enlaces del mismo me quedan de esta forma:
Código:
<a href="javascript:llamarcont('pagina.php', 'cuerpo');">
y en este caso (al hacer click en el enlace) se carga pagina.php dentro de un div cuyo id es "cuerpo":
Tengo un index.php en cuyo <head> cargo todas las hojas de estilos y scripts.
Bien, todo marcha a la perfección cuando el contenido devuelto por ajax es código html o php (solo uso includes nada de bases de datos ni nada complicado) pero cuando intento cargar un documento html que hace uso de un plugin de jquery noto que no se estan cargando ni las hojas de estilo ni los archivos javascript vinculados al documento.
Este es mi primer acercamiento a ajax por lo cual no se si está bien que haya incluido mis archivos externos (.css y .js ) en la cabecera de mi index.php o si estos archivos deben ser pedidos con ajax. O tal vez el plugin que utilizo (coda-slider escrito usando jquery) no se adapte a esta técnica, nose, pido disculpas por la ignorancia.
Por si acaso les dejo el código del index.php
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Centro de estética integral</title>
<script type="text/javascript" src="js/llamarcontenido.class.js"></script>
<!-- COMPATIBILIDAD IE7 == IE 8 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<link rel="stylesheet" type="text/css" href="css/maqueta.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/resetIE.css" />
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<!--<script type="text/javascript" src="jquery/googlejquery.min.js"></script>-->
<script type="text/javascript" src="js/menu.js"></script>
<!--<script type="text/javascript" src="js/slidesTratamientos.js"></script>-->
<!--CODA-SLIDER-->
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" media="screen" charset="utf-8">
<script src="jquery/jquery-1.2.6.js" type="text/javascript"></script>
<script src="jquery/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="jquery/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<!--SUBIR-->
<!--<script src='jquery/jquerySubir.js' type='text/javascript'/>-->
<script src='js/subir.js' type='text/javascript'/></script>
<link rel="shortcut icon" href="img/favicon.png" />
<link rel="stylesheet" href="css/scroll.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="css/demoStyles.css" type="text/css" media="screen" charset="utf-8" />
<!--<script src="jquery/jquery-1.2.6.js" type="text/javascript"></script>-->
<!--Scroll-->
<script src="jquery/jquery.min142.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/jScrollPane.css" type="text/css" media="screen" charset="utf-8" />
<script src="jquery/jquery.mousewheel.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery/jquery.corner.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="contenedor">
<?php include("reproductorSonido.php"); ?>
<div id="contacto"><?php include("includes/contacto.php"); ?>
</div>
<div id="cabecera">
<?php include("includes/cabecera.php"); ?>
<ul id="menuNav">
<li class="itemNav" id="itemNav1"><a href="javascript:llamarcont('pages/inicioXDef.php', 'cuerpo');">Bienvenidos</a></li>
<li class="itemNav" id="itemNav2"><a href="javascript:llamarcont('pages/serviciosMedicos.php', 'cuerpo');">Servicios Médicos</a></li>
<li class="itemNav" id="itemNav3"><a href="javascript:llamarcont('pages/tratamientosAnida.php', 'cuerpo');">Tratamientos</a></li>
</ul>
</div>
<div id="cuerpo">
<!--contenido cargado con ajax-->
</div>
</div>
</body>
</html>
De momento no pretendo hacer un uso avanzado de ajax como puede ser el tema de accesibilidad, solo pretendo evitar el uso de <iframes> porque tengo un reproductor de música y quiero que el sonido no se corte mientras uno navega por el sitio.
Desde ya muchas gracias por su ayuda. Un fuerte abrazo.