In the above code, I am appending a javascript onclick method to the image tag. When I click the image once and I press back, it should go back to the page it came from. Instead its staying on the same page. Is there any way I can avoid that? (probably set something else instead of href="#"). The reason I set href="#" is to make my cursor turn into hand, other than that it has no use.
This is occuring in Firefox. In IE it works fine.
Please help. Thanks.
In the above code, I am appending a javascript onclick method to the image tag. When I click the image once and I press back, it should go back to the page it came from. Instead its staying on the same page. Is there any way I can avoid that? (probably set something else instead of href="#"). The reason I set href="#" is to make my cursor turn into hand, other than that it has no use.
This is occuring in Firefox. In IE it works fine.
Please help. Thanks.
Share Improve this question edited Mar 12, 2010 at 19:51 Daniel Vassallo 345k72 gold badges512 silver badges446 bronze badges asked Mar 12, 2010 at 14:01 bragboybragboy 35.6k30 gold badges116 silver badges175 bronze badges 1- I removed the "google./intl/en_ALL/images" part from the image URL, to make the example more clear. – Daniel Vassallo Commented Mar 12, 2010 at 19:52
5 Answers
Reset to default 4The reason I set href="#" is to make my cursor turn into hand, other than that it has no use.
You can remove the <a href="#"> and add the cursor: pointer style to the image:
<img src="logo.gif" style="cursor: pointer;" />
... to turn the cursor into a hand.
On the other hand, it is probably better to follow the guidelines for progressive enhancement, as David suggested in another answer.
<a href="#"><img src="http://www.google./intl/en_ALL/images/logo.gif" onClick="alert('hi'); return false;"/></a>
you need add return false; to your onclick events if you don't want to load the link.
<a href="#">
<img src="http://www.google./intl/en_ALL/images/logo.gif"
onClick="alert('hi'); return false;"/>
</a>
return false prevents the default action from occurring (in this case navigating to "#"), and then navigating back will return you to the previous page, instead of to the current page without "#".
Follow the pragmatic guidelines for progressive enhancement. In particular: Build on things that work.
Use this instead: <img src="http://www.google./intl/en_ALL/images/logo.gif" onClick="alert('hi')" style="cursor:pointer"/>