[jQuery-es] Como puedo hacer esto

[Barbara Gelabert]

Hola Reynier,

Yo le pondría un `id` a cada `a` de tu lista:

<ul id="mproyecto">
<li><a id="auto" href="#resumen_auto"><span>Auto</span></a></li>
<li><a id="teorico" href="#resumen_teorico"><span>Teórico</span></a></li>
<li><a id="tiro" href="#resumen_tiro"><span>Tiro</span></a></li>
<li><a id="quirurgico"
href="#resumen_quirurgico"><span>Quirúrgico</span></a></li>
<li><a id="juego" href="#resumen_juego"><span>Juego</span></a></li>
</ul> <!-- Menu de navegacion -->


Y entonces haría algo así:

$("#auto").hover(function(){
   // mostrar el div correspondiente a ese link y ocultar todos los demás
 },function(){
   // ocultar el div correspondiente a ese link
 });


para cada enlace de tu lista.


Para generar un número aleatorio en JavaScript:

var numeroAleatorio = Math.floor(Math.random()*5); // Genera un número
aleatorio entre 0 y 4


Si tienes #div0 para #auto, #div1 para #teorico, etc, y todos son de classe
.miDiv entonces puedes hacer:

// En tu hoja de estilos:
.miDiv {display:none;}

// En tu archivo JavaScript:
$(document).ready(
function() {
var numeroAleatorio = Math.floor(Math.random()*5);
$('#div'+numeroAleatorio).show();

$("#auto").hover(function(){
   // mostrar el div correspondiente a ese link y ocultar todos los demás

$('.miDiv').hide();
$('#div0').show();

 },function(){
   // ocultar el div correspondiente a ese link

$('#div0').hide();

 });

// Ídem para los demás links de la lista

}
);

No he probado el código pero igual te sirve como referencia :-)

Bárbara Gelabert.





On 6/15/07, Reynier Perez Mira <rperezm en estudiantes.uci.cu> wrote:
>
> Hola lista:
>
> Soy un poco nuevo en este mundo de JS y jQuery. Quiero hacer algo y no se
> por donde comenzar. Tengo una lista no ordenada de la siguiente forma:
>
> <ul id="mproyecto">
>         <li class="auto"><a
> href="#resumen_auto"><span>Auto</span></a></li>
>         <li class="teorico"><a
> href="#resumen_teorico"><span>Teórico</span></a></li>
>         <li class="tiro"><a
> href="#resumen_tiro"><span>Tiro</span></a></li>
>         <li class="quirurgico"><a
> href="#resumen_quirurgico"><span>Quirúrgico</span></a></li>
>         <li class="juego"><a
> href="#resumen_juego"><span>Juego</span></a></li>
> </ul> <!-- Menu de navegacion -->
>
> Ahora para cada uno de esos elementos de la lista, dígase li, tengo un DIV
> que quiero mostrar cuando se pase el Mouse por encima de uno de esos li. A
> su vez cada vez que recargue la página quiero que se muestre por defecto uno
> de estos DIV de forma aleatoria. En la lista ya hice está pregunta
> anteriormente pero perdí el código y las cosas que tenía hecha y ahora por
> más que leo el mensaje [1] iniciado por mí no encuentro como hechar a andar
> todo nuevamente. ¿Alguna ayuda?
>
> [1]
> http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/2006q4/000055.html
>
> Salu2 y gracias por adelantado
>
> Reynier Pérez Mira
>
> 5to. año Ing. Informática
>
> Universidad de las Ciencias Informáticas
>
>
>
> ------------ próxima parte ------------
> Se ha borrado un adjunto en formato HTML...
> URL:
> http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20070615/0a5a56d7/attachment.htm
> _______________________________________________
> jquery-es Lista de correo en español para usuarios de jQuery
>
> * Recuerda que debes utiliza "responder a todos" para enviar tu respuesta
> a la lista
> * Para abrir un tema de conversación, escribe a jquery-es en scriptia.net
> * Puedes gestionar tu suscripción en
> http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20070615/9eec17cc/attachment.html