Solved

Setting status bar text

Posted on 2004-09-14
3
174 Views
Last Modified: 2010-04-25
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>

0
Comment
Question by:T.J.
3 Comments
 
LVL 4

Accepted Solution

by:
mrdilliard earned 125 total points
ID: 12069526
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

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.
In this tutorial you'll learn about bandwidth monitoring with flows and packet sniffing with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're interested in additional methods for monitoring bandwidt…

746 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now