We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

javascript null function.

xabi
xabi asked
on
Medium Priority
6,768 Views
Last Modified: 2012-06-27
Hi there:
I would like to make a image with no HREF but with an onmouseover in it. So i code this:

..
..
function donothing() {
}
</script>
<body>
..
..
<a href="javascript:donothing()" onMouseOver="foo1('resultado');return true"><img src="foo.gif"></a>
..
..

Ok, it works fine, but when I push the image my cursor changes into the hourglass (*clock) like if I was pressing over a link image. Is there any way to avoid this annoying hourglass (*clock)? Is there any way to asociate a javascript function to an image without HREF?

Thanks in advance.

(*) My English is really bad, so I'm not sure if "hourglass" is the correct word for the wait clock of windows 95.
Comment
Watch Question

Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
function donothing() { return false; }

but that of course will change it into a hand instead.

In MSIE 4 and Netscape 4 you should be able to use DHTML to swap divs and layers on mouseovers on any html element

Michek

Author

Commented:
I always get a blank page with "false" on it
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
Rafistern - we have been there before - the page will reload

Sorry xabi: this was what I meant - remove the return false and put it in the onClick instead!

<a href="javascript:donothing()" onMouseOver="foo1('resultado');return true" onClick="return false;"><img src="foo.gif"></a>

Michel

Author

Commented:
mplungjam: Ok, it works now but there is still two problems:
1.- onClick doesn't work on IE3
2.- If I click on the image twice Backk button of the naivator must be pressed 3 times :(

Anyway it works
If Michel's answer is better than mine then he can have the points.
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
What does not work in IE3 (unless your foo1 is an image rollover)? I ran this with the expected results:
<HTML>
<SCRIPT>
function donothing() {;}
function foo1(avalue) { document.theform.thefield.value=avalue;}
</script>
<body>
<a href="javascript:donothing()" onMouseOver="foo1('resultado');return true" onClick="return false;"><img src="foo.gif"></a>
<FORM NAME="theform">
<INPUT TYPE="TEXT" NAME="thefield">
</FORM>
</body>
</HTML>
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
I use IE3.02, by the way and no extra back click was necessary
Michel
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
PS: If you want to give us both points, ask customer exchange to help you split them - no extra cost to you...

Michel
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.