Solved

Setting status bar text

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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

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…
Established in 1997, Technology Architects has become one of the most reputable technology solutions companies in the country. TA have been providing businesses with cost effective state-of-the-art solutions and unparalleled service that is designed…
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below. https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt https://filedb.experts-exchange.com/incoming/201…

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