Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 137
  • Last Modified:

message in status bar from a button

I have an input type of "button" and I would like to display a message down in the 'status' bar when the user has the mouse over the button. How do I do that?
0
wills1300
Asked:
wills1300
  • 5
  • 3
  • 3
  • +1
1 Solution
 
nathansCommented:
Below is a working model.

==================================

<script language="JavaScript">
<!-- Hide from old browsers

        function test(txt) {
                self.status = txt
        }

        function test1() {
                self.status = ""
        }
// --End Hiding Here -->
</script>



<html>
<head>
      <title>Untitled</title>
</head>

<body>
<form action="test.cfm" method="post">

<input type="submit" value=" TEST"  onMouseOver="test('STATUS BAR MESSAGE GOES HERE');return true"
onMouseOut="test1()">

</form>

</body>
</html>
0
 
wills1300Author Commented:
I tried you code, but it does not seem to work. Nothing happens when the mouse goes over the button. It is an input with a type of "button" not "submit" does that make a difference?

0
 
rcw119Commented:
<INPUT type="button" value="Go Over Me!" onmouseover=window.status='I am over the button' onmouseout=window.status='I am not over the button'>
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
nathansCommented:
1. I tested it and it worked.

2. What browser are you testing it in?
    Maybe that is the problem

I am using IE5.

I will test it at home on Netscape.

0
 
wills1300Author Commented:
It does work on IE, but I am on Netscape4.7 and it does not appear to work. Any suggestions?

RCW - I tried you suggestion, and that too only works in IE.
0
 
rcw119Commented:
That surprises me.  While I use IE at work, I use a Netscape Javascript Guide book..  :)
0
 
nathansCommented:
I will find the answer tommorrow.  I know where to go look but it is time for bed.

0
 
nathansCommented:
Well I can't get to the Developers Netscape area right now it will have to wait...

Anyone else out there that can go find the Cross Browser Code for this.
0
 
deepchandaCommented:
onMouseOver and onMouseOut are Event handler for Layer, Link type object, so not sure if it can work on a button type form element. You might try wrapping some kind of link with an href option and fool the browser. You can look at this http://developer.netscape.com/docs/manuals/js/client/jsref/index.htm for more info on it

DC
0
 
nathansCommented:
nathans changed the proposed answer to a comment
0
 
rcw119Commented:
Can't do it.  Only events available to netscape for the button object are:

onBlur
onClick
onFocus

If you can change the button to a link you are set.  Just use the onmouseover event suggested above.
0
 
wills1300Author Commented:
That's what I was expecting. Oh well, if you can't do it; you can't do it.  Experts Exchange should allow the division of points, as in this case I would have given half to nathans and half to rcw119 for giving workable answers.  But since rcw119 gave the final answer, I have awarded him/her the points. Sorry nathans.
Thanks everyone!
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

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