1,105,578 Community Members

Making image clickable inside a clickable div - hyperlinked

Member Avatar
SolidSolutions
Junior Poster
135 posts since Jul 2010
Reputation Points: 13 [?]
Q&As Helped to Solve: 24 [?]
Skill Endorsements: 0 [?]
 
0
 

How can I get an image to have it's own hyperlink that is inside of a clickable div?

<div id="clickable" onclick="window.open('http://www.daniweb.com');return false;">

  <p>I love clickable images!</p>
    <a href="http://www.google.com"><img src="someimage.png" /></a>
  <p>too bad they don't click in a clickable div</p>

</div>

If I try the above then the DIV is always getting the click, never the image in the div. I can click the image, but the link for the div is what opens. Removing the return false does not help either.

Member Avatar
baig772
Junior Poster
165 posts since Mar 2011
Reputation Points: 19 [?]
Q&As Helped to Solve: 11 [?]
Skill Endorsements: 0 [?]
 
1
 

try

<img src="img.jpg" onClick="window.open('http://www.daniweb.com')" />

i think it should work fine

Member Avatar
SolidSolutions
Junior Poster
135 posts since Jul 2010
Reputation Points: 13 [?]
Q&As Helped to Solve: 24 [?]
Skill Endorsements: 0 [?]
 
0
 

I thought I tried that one, but initial tests seem to be that it works.

Thanks!

Question Answered as of 2 Years Ago by baig772
You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: