Hola Pablo:
Yo nuevamente por acá. Resulta que ahora me he puesto a jugar con el código que
me has enviado y algunas cosas no me funcionan. Se que estás hasta los pelos de
trabajo pero necesito de tu ayuda por última vez. Mira el siguiente código:
<script type="text/javascript" src=" assets/jquery.js"></script>
<script type="text/javascript">
limpiarBody = function() {
return $("body").removeClass().addClass("habemus-javascript");
}
$(document).ready(function(){
limpiarBody();
$('#listado_proyectos a').bind('mouseover', cambiarClase);
})
cambiarClase = function() {
limpiarBody().addClass(this.parentNode.className);
return false;
}
</script>
<div class="cnt_proy_left">
<ul class="listado_proyectos">
<li class="auto"><a href="#resumen-auto"><img
src="skins/simpro/images/proyectos_01.png" /></a></li>
<li class="teorico"><a href="#resumen-teorico"><img
src="skins/simpro/images/proyectos_02.png /></a></li>
<li class="tiro"><a href="#resumen-tiro"><img
src="skins/simpro/images/proyectos_03.png /></a></li>
<li class="quirurgico"><a href="#resumen-quirurgico"><img src="
skins/simpro/images/proyectos_04.png /></a></li>
<li class="juego"><a href="#resumen-juego"><img src="
skins/simpro/images/proyectos_05.png /></a></li>
</ul>
</div>
<div class="cnt_proy_right">
<div class="resumen_proyecto" id="resumen-auto">
<h1>Simulador de conducción auto</h1>
<img src="skins/simpro/images/proyectos_01.png" alt="auto" />
<p>Contenido del parrafo</p>
</div>
<div class="resumen_proyecto" id="resumen-teorico">
<h1>Simulador de conducción teórico</h1>
<img src="skins/simpro/images/proyectos_01.png" alt="teórico" />
<p>Contenido del parrafo</p>
</div>
<div class="resumen_proyecto" id="resumen-tiro">
<h1>Simulador de conducción tiro</h1>
<img src="skins/simpro/images/proyectos_01.png" alt="tiro" />
<p>Contenido del parrafo</p>
</div>
<div class="resumen_proyecto" id="resumen-quirurgico">
<h1>Simulador de conducción quirúrgico</h1>
<img src="skins/simpro/images/proyectos_01.png" alt="quirurgico" />
<p>Contenido del parrafo</p>
</div>
<div class="resumen_proyecto" id="resumen-juego">
<h1>Simulador de conducción juego</h1>
<img src="skins/simpro/images/proyectos_01.png" alt="juego" />
<p>Contenido del parrafo</p>
<p class="volver"><a href="#">volver</a></p>
</div>
</div>
Ahora el problema es que si te das cuenta tengo dos DIV "cnt_proy_left" y
"cnt_proy_right" flotando a la izquierda, pues necesito que el contenido de los
DIV me salga al lado de los elementos de la lista y no debajo como está en el
ejemplo que tu mandaste. Yo leí el código JS que me enviaste y luego cambie la
siguiente línea:
$('#listado_proyectos a').bind('mouseover', cambiarClase);
Porque me di cuenta de que tu UL tenia como ID "navegacion" y el mio se llama
"listado_proyectos". No logro hacer que esto funcione como lo hace tu ejemplo.
Que es lo que estoy haciendo mal?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
