Solved

javascript null function.

Posted on 1998-09-09
9
6,524 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.
0
Comment
Question by:xabi
  • 5
  • 2
  • 2
9 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 1270524
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
 
LVL 8

Author Comment

by:xabi
ID: 1270525
I always get a blank page with "false" on it
0
 
LVL 4

Accepted Solution

by:
rafistern earned 50 total points
ID: 1270526
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
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 1270527
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
 
LVL 8

Author Comment

by:xabi
ID: 1270528
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
 
LVL 4

Expert Comment

by:rafistern
ID: 1270529
If Michel's answer is better than mine then he can have the points.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 1270530
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
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 1270531
I use IE3.02, by the way and no extra back click was necessary
Michel
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 1270532
PS: If you want to give us both points, ask customer exchange to help you split them - no extra cost to you...

Michel
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Button and js nou working 3 20
Html CheckBox obtain Its Value 5 27
Head to not include on scroll 4 23
binding event to form in window.open 9 36
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question