que este menu jquery tenga enlaces

[chefnelone]

hola

me estoy rompiendo la cabeza con este menu de jquery

todo está bien salvo que no puedo poner los enlaces a cada botón.

este es el ejemplo y la pagina donde descargué el ejemplo
http://www.jeremymartin.name/example....php?example=1

y esta es la documentacion pero no puedo verlo...seguro que lo tengo delante ...pero no lo veo
http://www.jeremymartin.name/project...project=kwicks


la parte de codigo que crea el menú es

Código:

		<ul class="kwicks horizontal" >
			<li id="kwick_1"></li>
			<li id="kwick_2"></li>
			<li id="kwick_3"></li>
			<li id="kwick_4"></li>
		</ul>

he probado con:

Código:

<li id="kwick_1"><a href="index.php">texto</a></li>

pero solo funciona si hago click sobre "texto" en lugar de toda la imagen del boton

Tambien probé con:

Código:

<a href="index.php"><li id="kwick_1"></li></a>

pero nada..

alguna idea por donde puedo tirar
gracias

[Un_Tico]

Prueba con esto a ver:

Código:

<li id="kwick_1" onclick=" location.href='nueva_pagina.php' "></li>

Saludos...

[chefnelone]

Gracias, funcionó perfecto

una cosa mas,

al pasar sobre el menu el puntero del raton sigue siendo una flecha. Cómo lo cambio a una mano? (como cuando pasas sobre un enlace)
he probado con:

#kwick_1 {
cursor: hand;
}
pero nada

[venkman]

No metas el onclick ahí, hombre! Ya que usas jQuery, hazlo bien: Deja el HTML limpio sin onclicks y pon esto en el javascript para asociar los eventos de click:

Código HTML:

<script type="text/javascript">
$(function() {
    $("#kwick_1").click(function() { location.href='introduccion.php' });
    $("#kwick_2").click(function() { location.href='datos.php' });
    $("#kwick_3").click(function() { location.href='patos.php' });
    $("#kwick_4").click(function() { location.href='gatos.php' });
});
</script> 

[chefnelone]

gracias venkman

aprovecho para editar..


#kwick_1 {
cursor: hand;
}

funciona PERO solo en IE. En firefox y safari no funciona.

(creo que para esto me voy para el foro de css)

[venkman]

Pon:

Código:

.kwicks {
	cursor: pointer;
	cursor: hand;
}

[guybrush78]

usa esta funcion:

Código PHP:

  //***************************************************************** 
 
function puntero_mano(a) { 
    if (navigator.appName=="Netscape") { 
        a.style.cursor='pointer'; 
    } else { 
        a.style.cursor='hand'; 
    } 
} 
 
//*****************************************************************  
   

[venkman]

No, no uses esa función. Si lo puedes hacer directamente en CSS, evita usar Javascript. Usa cada cosa para lo que es siempre que puedas.