• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 6670
  • Last Modified:

javascript null function.

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.
0
xabi
Asked:
xabi
  • 5
  • 2
  • 2
1 Solution
 
Michel PlungjanIT ExpertCommented:
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
0
 
xabiAuthor Commented:
I always get a blank page with "false" on it
0
 
rafisternCommented:
how about
<a href="" onMouseOver="foo1('resultado');return true">
or
<a href="#" onMouseOver="foo1('resultado');return true">

without any need for a null function.

0
Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

 
Michel PlungjanIT ExpertCommented:
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
0
 
xabiAuthor 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
0
 
rafisternCommented:
If Michel's answer is better than mine then he can have the points.
0
 
Michel PlungjanIT ExpertCommented:
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>
0
 
Michel PlungjanIT ExpertCommented:
I use IE3.02, by the way and no extra back click was necessary
Michel
0
 
Michel PlungjanIT ExpertCommented:
PS: If you want to give us both points, ask customer exchange to help you split them - no extra cost to you...

Michel
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

  • 5
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now