<!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>
Convertir un div completo en clickable con jQuery
0 - - 15/09/2009 08:55:20