Setting status bar text

I am trying to make a button link display a text message on the status bar when you hover over the link. I have it working with a piece of code in the following fashion:

SEE SECTION ONE BELOW:

I also have this same setup on link buttons that rollover. That works fine. This works in IE, Netscapre, Opera, and Firefox.

I have a more complex page that also rolls over the link images, but I added layers to the page to be displayed in a part of the page when you roll over the link image. Kind of like a description of the page you are going to jump to if you click that link.

I used DW to make this for me. It works fine and here is an example of it:

SEE SECTION TWO BELOW:

I am having trouble with the correct syntax to have it also display a message in the status bar when using the above code. Everything works except the status bar. ACTUALLY, It works in IE, but not in the other browsers. I want it to work in the 4 browsers I am testing it with.

Heres an example of the code when using the DW way of adding a status bar message:

SEE SECTION THREE BELOW:

So I cannot get it to work with the DW way, or figure out how to add the simpler code I used before in order to display a message in the status bar. It works in IE but thats not good enough. I actually use IE and FIREFOX mainly so I'm sure others do to.

ALSO, in FIREFOX, if I hover over it waiting to see the status bar message, even if the page is fully loaded, after I hover over it, the status bar starts to display:

"Waiting for mywebsite.com..."

Not sure what that is all about. The other pages do not do that, I checked. I also do NOT have it preloading images at this time for the sake of testing.

Can anyone shed some light on how I can get around the issue and still accomplish the goal?

Thanks!!











SECTION ONE

<a href="link.cfm"   onMouseOver="window.status=('Link in Status Bar');return true;" onMouseOut="window.status= ('')">Link</A>




SECTION TWO:

<a href="link2.cfm" onMouseOver="MM_swapImage('Image2','','images/btn_link2_roll.jpg',1);MM_showHideLayers('nav8','','hide','nav2','','show')" onMouseOut="MM_swapImgRestore();MM_showHideLayers('nav8','','inherit','nav2','','hide')"><img src="images/btn_link2_u.jpg" name="Image2" width="187" height="33" border="0" id="Image2"></A>


SECTION THREE:

<a href="link2.cfm" onMouseOver="MM_swapImage('Image3','','images/btn_link2_roll.jpg',1);MM_showHideLayers('nav8','','hide','nav3','','show');MM_displayStatusMsg('LINK2');return document.MM_returnValue" onMouseOut="MM_swapImgRestore();MM_showHideLayers('nav8','','show','nav3','','hide')"><img src="images/btn_link2_u.jpg" name="Image3" width="187" height="33" border="0" id="Image3"></A>

T.J.Asked:
Who is Participating?
 
mrdilliardConnect With a Mentor Commented:
You could just make your own function to do it and call it, just for ease of use.

<script language="javascript">
      function setStatus(text){
            window.status = text;
      }
      function clearStatus(){
            window.status = '';
      }
</script>

Then whenever you want to set the status, you'd say something like:

Section 1
===============
<a href="link.cfm"   onMouseOver="setStatus('some text here');return true;" onMouseOut="clearStatus();">Link</A>


Section 2
===============
<a href="link2.cfm" onMouseOver="MM_swapImage('Image2','','images/btn_link2_roll.jpg',1);MM_showHideLayers('nav8','','hide','nav2','','show'); setStatus('put some text in here');" onMouseOut="MM_swapImgRestore();MM_showHideLayers('nav8','','inherit','nav2','','hide');clearStatus();"><img src="images/btn_link2_u.jpg" name="Image2" width="187" height="33" border="0" id="Image2"></A>


Section 3
================
<a href="link2.cfm" onMouseOver="MM_swapImage('Image3','','images/btn_link2_roll.jpg',1);MM_showHideLayers('nav8','','hide','nav3','','show');setStatus('some text goes here');return document.MM_returnValue" onMouseOut="MM_swapImgRestore();MM_showHideLayers('nav8','','show','nav3','','hide');clearStatus();"><img src="images/btn_link2_u.jpg" name="Image3" width="187" height="33" border="0" id="Image3"></A>


Have fun!
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.

All Courses

From novice to tech pro — start learning today.