CODEWITHSUNDEEP
javascripthtmlcss
bragboy
bragboy

Reputation: 35542

Help needed in Javascript + Image + HREF

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.

Upvotes: 1

Views: 8367

Answers (5)

Daniel Vassallo
Daniel Vassallo

Reputation: 344311

The 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.

Upvotes: 4

AlfonsoML
AlfonsoML

Reputation: 12690

Use this instead: <img src="http://www.google.com/intl/en_ALL/images/logo.gif" onClick="alert('hi')" style="cursor:pointer"/>

Upvotes: 1

Quentin
Quentin

Reputation: 943578

Follow the pragmatic guidelines for progressive enhancement. In particular: Build on things that work.

Upvotes: 1

Andy
Andy

Reputation: 17771

<a href="#">
<img src="http://www.google.com/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 "#".

Upvotes: 1

Ross
Ross

Reputation: 14415

<a href="#"><img src="http://www.google.com/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.

Upvotes: 1

Related Questions