HTML - how to make an entire DIV a hyperlink

Question

How do I make an entire DIV a clickable hyperlink  Meaning  I essentially want to do    lt div class  myclass  href  example com  gt       lt div gt     lt  div gt       lt table gt  lt tr gt    lt  tr gt  lt  table gt            lt  div gt    And whenever someone mouse hovers of the myclass DIV  I want the entire DIV it to be a clickable hyperlink

User · Accepted Answer

You can add the onclick for JavaScript into the div.

<div onclick="location.href='newurl.html';">&nbsp;</div>

EDIT: for new window

<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

User · Answer

This is a late answer  but this question appears highly on search results so it s worth answering properly   Basically  you shouldn t be trying to make a div clickable  but rather make an anchor div-like by giving the  lt a gt  tag a display  block CSS attribute    That way  your HTML remains semantically valid and you can inherit the typical browser behaviours for hyperlinks  It also works even if javascript is disabled   js resources don t load

User · Answer

Add an onclick to your DIV tag   http   webdevjunk com coding javascript 3 use-onclick-to-make-entire-div-or-other-html-object-into-a-link

User · Answer

Why don t you just do this   lt a href  yoururl html  gt  lt div gt     lt  div gt  lt  a gt    That should work fine and will prompt the  clickable item  cursor change  which the aforementioned solution will not do

User · Answer

You can put an  lt a gt  element inside the  lt div gt  and set it to display  block and height  100

User · Answer

alternative would be javascript and forwarding via the onclick event   lt div onclick  window location href  somewhere       gt     lt  div gt

User · Answer

You just need to specify the cursor as a pointer  not a hand  as pointer is now the standard  so  here s the example page code    lt div onclick  location href  portable-display-stands html    id  smallbox  gt The content of the div here lt  div gt    and the example CSS    smallbox       cursor  pointer      So the div is now a clickable element using  onclick  and you ve faked the hand cursor with the CSS   job done  works for me

[html] HTML - how to make an entire DIV a hyperlink?

Examples related to html

Examples related to xhtml

Examples related to hyperlink