Convertir un div completo en clickable con jQuery

2 COMENTARIOS  -  15/09/2009 -  Clasificado en: , 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Div clickable</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>  
<script language="javascript">
$(document).ready(function() {  
$(".caja").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});
});
</script>
<style type="text/css">
.caja{
	width:500px;
	height:300px;
	background-color:#0066CC;
	color:#FFF;
	cursor:pointer;
}
.caja a{color:#FFF;}
</style>
</head>
<body>
<div class="caja">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum luctus mauris, vitae laoreet ligula pulvinar sed. Maecenas tincidunt egestas tortor ac dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae velit mattis justo faucibus ullamcorper. In quis est nec metus lobortis dapibus.
    <a href="http://google.es">link</a>
</div>
</body>
</html>

Ver ejemplo en funcionamiento » »

Si te ha gustado, puedes compartir este post en...
Posts Relacionados
También te puede interesar...
Comentarios
Comentario realizado el 15/09/2009
Miguel Puig muchas gracias, muy 煤til.
Comentario realizado el 04/10/2009
Jos茅 Rico Ahora s茅 para que sirve el
cursor:pointer;
me estaba volviendo loco buscando que el cursor mostrara el estado de clickeable. Saludos y gracias.
Deja un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com

Facebook Twitter