tomhoppe.com

Racing, Web Development, Photography, and Beer...Stuff that matters.
« Querystring parsing
Grab filename from window location »

Assign the child’s href to the parent’s onclick

This is a cool little snippet for making realistic CSS buttons. It will do an onclick location on the element to the href of its first a element.

Makes it nice when you have a “fake button” done through CSS and you want the whole thing to be clickable.

What I usually try to do is CSS the A tag display:block and assign it a width, height and padding, but when you can’t do that, this little snippet is a life saver

onclick="if (this.getElementsByTagName('a')[0])location=this.getElementsByTagName('a')[0].href;"

This entry was posted on Monday, July 16th, 2007 at 11:19 pm and is filed under All, CSS, Javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Assign the child’s href to the parent’s onclick”

  1. Anonymous says:
    July 10, 2008 at 10:09 pm

    Tom,
    Very useful! A little note, I had to do it this way: onclick=”if (this.getElementsByTagName(’a')[0])
    {location=this.getElementsByTagName(’a')[0].href};” in order for it to work. Thanks, for the help.

Leave a Reply