Turn the div into a link

Question

I googled how to turn a div into a link, but there seem to be a lot of methods, none of which seem to work well in IE.

What is the best / easiest way to turn a div into a link?

Answer 1

Why not use a binding and show it as a block element?

a { 
   display: block; 
   //remaining code here
}

Answer 2

What does "link" mean? You can do it:

#mydiv {
  color: #00f;
  cursor: pointer;
}
#mydiv:hover {
  color: #f0f;
}

Answer 3

?

<div onClick="window.location = 'http://www.cannonade.net';">blah</div>

Answer 4

JavaScript:

<div onclick="alert('You clicked me !')">Click Me</div>

JQuery

$('#div_id').click(function(){
  alert('Clicked !!');
});

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

JQuery

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

The above code cancels the default link action (link to link) with return falseand binds the event clickwith the div to the class myBox, then it finds the link attribute srcinside the div and is window.locationused to redirect the page to the srclink attribute present inside the div. Thus, this basically makes the div interactive.