Solved

Setting status bar text

Posted on 2004-09-14
3
176 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

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…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.

815 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

9 Experts available now in Live!

Get 1:1 Help Now