Hola a tod@s.
Antes de anda saludarles. Estoy aprendiendo JQuery y me encuentro con un problema. Seguro que es una tontería.
Quiero hacer un load para cargar un fichero html (no sé si se podría un jsp) en una zona de la página jsp inicial.
Por tanto, yo en mi página
home.jsp tengo un enlace así:
Código HTML:
<div id="content">
<ul id="menuV">
...
<li ><a id="monitores" href="#" onclick="textoMonitores();">Monitores</a></li>
...
</ul>
</div> En esta página
home.jsp también tengo la zona donde quiero insertar la página monitores.html, tal que así:
Código HTML:
<div id="sidebar-a">
<div class="titulo">
</div>
<div class="separador">
</div>
<div class="padding">
Aquí va el contenido que mostramos como página inicial.
</div>
</div>
Después en mi fichero
funciones.js tengo:
Código:
...
function textoMonitores(){
$('#sidebar-a .titulo').addClass('tituloSeccion').html('Monitores');
$('#sidebar-a .separador').html('<hr/>');
$('#sidebar-a .padding').load('../html/monitores.html');
return false;
}
...
El problema es que no soy capaz de que me inserte el código de la página en la zona 'sidebar-a .padding'
Les agradecería muchísimo que me echaran una mano.
Muchas gracias. Un saludo.