»
Jan 08 2008

Use onclick to make entire div or other html object into a link

Posted by: WebDevJunkie in JavaScript, tags: , , , , , , ,

We have all run into the issue of having a background image as our site header but then you want to link the header to hoe page – so what do you do? You could bring the image out from the background or make an empty space into a link or you can use this handy code to make the entire <DIV> a link:

<div onclick=”location.href=’http://www.yourdomain.com’;” style=”cursor: pointer;”>

The Javascript Onclick Event can be used on all of these html tags:
<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>

It can also be used in conjunction with any of these Javascript objects:
button, document, checkbox, link, radio, reset, submit

This entry was posted on Tuesday, January 8th, 2008 at 2:22 am and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

One Response to “Use onclick to make entire div or other html object into a link”
  1. webdev says:
    June 30th, 2008 at 8:24 am

    Does this also apply for flash movies?