Roll over text into status bar

  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

How do you get the rollover text to display in the status bar at the base of the screen ?

You can see an example here ...

http://www.sd.qld.gov.au/dsdweb/htdocs/ ... cfm?ID=176
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • s15199d
  • Expert
  • Expert
  • User avatar
  • Posts: 524
  • Loc: NC, USA

Post 3+ Months Ago

Code: [ Select ]
onMouseOver="setStatus('Whatever you want the status bar to read')


Just put that in your button code
  • s15199d
  • Expert
  • Expert
  • User avatar
  • Posts: 524
  • Loc: NC, USA

Post 3+ Months Ago

Here's a pseudo button:

Code: [ Select ]
<A HREF="javascript: myFunction();" onClick="setStatus('Whatever you want your status bar to read');return true;" onMouseOver="setStatus('Whatever you want your statusbar to read');return true;">
            <img src="../images/Picture.gif" border=0 name="Button" alt="Hope this works for you"></A>
  1. <A HREF="javascript: myFunction();" onClick="setStatus('Whatever you want your status bar to read');return true;" onMouseOver="setStatus('Whatever you want your statusbar to read');return true;">
  2.             <img src="../images/Picture.gif" border=0 name="Button" alt="Hope this works for you"></A>
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

try:

Code: [ Select ]
onmouseover="window.status='Whatever you want the status bar to read';"


add that into the tag of whatever element you want ti to happen to.

(This one works :wink: )

//edit, thinking about it, you might also want to put in:

Code: [ Select ]
onmouseout="window.status='Done';"


So that it reverts back to done afterwards
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

rtm223 wrote:
try:

Code: [ Select ]
onmouseover="window.status='Whatever you want the status bar to read';"


add that into the tag of whatever element you want ti to happen to.

(This one works :wink: )

//edit, thinking about it, you might also want to put in:

Code: [ Select ]
onmouseout="window.status='Done';"


So that it reverts back to done afterwards

Read some where that it is not good to hide from users where the page is going, anyone else seen this? :roll:
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

Thanks for the prompt replies,

Unfortunately none of proposed solutions seem to work ....

My site http://www.ddsap.com seems to have a javascript rollover code for the roll over stuff. The images change color but the text never seems to change in the status bar ....

http://www.ddsap.com/ssi/rollover_code.js

I've messed with the java stuff a bit (changes made in a back up copy) but no joy :-(

Small sample of the original java script below (same as above link )

<!--

function onLoad()
{
if (document.images)
{
over01_on = new Image();
over01_on.src = "/images/nav/home_over.gif";
over02_on = new Image();
over02_on.src = "/images/nav/about_over.gif";
over03_on = new Image();
over03_on.src = "/images/nav/services_over.gif";
over04_on = new Image();
over04_on.src = "/images/nav/products_over.gif";
over05_on = new Image();
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

I personally don't like it- however, it is <b>only</b> a bad thing if you are trying to hide the location for some sordid reason (ie javascript popup instead of a certificate kinda thing). If it is used simply as an "aid" to the user interface then there isn't too much of a problem.

I personally never hijack the status bar, but thats me.
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

try putting in image swap function:

Code: [ Select ]
window.status='Whatever you want the status bar to read';


and in the image restore
Code: [ Select ]
window.status='Done';


put them between the same curly brackets as the actual lines that swap the images.
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

>> fi it is used simply as an "aid" to the user interface then there isn't too much of a problem

I understand and agree with your concerns. I also distrust websites that hide the real location of a hyperlink. As you can see from our website content , the site is rather bland and we are using this "tweak' simply as a navigation aid.
That said, I'm lost. I found the image swap sections in the java script rollover code but there doesn't seem to be enough sections to match the number of rollovers. ie: I have 6 or so web site sections (home, products, services etc) but only 1 image in/out section in the java script

onLoad();
<!--

function image_swap(imgName)
{
if (document.images)
{
document [imgName].src = eval(imgName + "_on.src");
window.status='Whatever you want the status bar to read';

}
else
{
return;
}
}
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Code: [ Select ]
function image_swap(imgName)
{
  if (document.images)
  {
    document [imgName].src = eval(imgName + "_on.src");
    window.status='Whatever you want the status bar to read';
  }
  else
  {
    return;
  }
}

function image_restore(imgName)
{
  if (document.images)
  {
    document [imgName].src = eval(imgName + ".src");
    window.status='done';
  }
  else
  {
    return;
  }
}
  1. function image_swap(imgName)
  2. {
  3.   if (document.images)
  4.   {
  5.     document [imgName].src = eval(imgName + "_on.src");
  6.     window.status='Whatever you want the status bar to read';
  7.   }
  8.   else
  9.   {
  10.     return;
  11.   }
  12. }
  13. function image_restore(imgName)
  14. {
  15.   if (document.images)
  16.   {
  17.     document [imgName].src = eval(imgName + ".src");
  18.     window.status='done';
  19.   }
  20.   else
  21.   {
  22.     return;
  23.   }
  24. }



BTW, does that image swap code even work? - the
Code: [ Select ]
document [imgName]

looks rather suspect to me.
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

>. BTW, does that image swap code even work?

I suppose so ... the mouse goes over the link and the link changes color from black to red which I assume is the 1 image (black) swaping out to red ... ???
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

fair enough - just looks wrong to me, i would have expected:

Code: [ Select ]
document.imgName.src

or
Code: [ Select ]
document.getElementById[imgName].src


Nevermind - I don't do much javascript anymore, so I could very well be wrong
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

This website's a bl**dy nightmare ... as other people including rtm223 said before ...

rtm223 are you interested in quoting me to make this website "standards complaint"or at least work as expected ? The site works but updating or making small changes is a mess. I have 2 other "sub sites" http://www.ddsap.com/forums (ASP) and also http://www.ddsap.com/moodle (PHP) that I want to have the same look and feel as the home page http://www.ddsap.com

jrsycrm - if you're interested I'd like to get a price from you also as you 2 gentlemen helped me once before to get the site looking the same in different browsers.

You can email me (David) at junkmail@ddsap.com - our "public" email address. Your email will get read at this address - despite the name.

Cheers
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

Please note our future web site adminitrator is blind - as in 100% blind - so you need to consider that in your pricing. Plus we want new images for the site. Best to take this offline as I am getting off topic. I never did get the rollover status bar text working. ....

Cheers
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

I could do the front end no problem, getting you standards compliant and cross browser compatible, these are my specialities, and I could get that done and fully tested in half a day once I have a layout drawn.

However, I know NO asp, and my PHP is ok to get by on, but I would feel like a fraud selling my services in this area. I have been neglecting my server-side learning recently.
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

>>I could do the front end no problem,

OK, I'm ignorant .., what does the front end mean ? The start page for the whole web site ?

or the "base code " - ?

The server side includes are legacy from the deisgners. We like the colours, images and layout but loath the ASP side. We wanted HTML but ....
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Front end. in simple terms the layout and user interface of the page. I could create that cross browser and standards compliant easilly. I can also do the accessibility for blind or visually impaired users. The backend, php/asp and database stuff (anything server-side) I could also do, but I don't feel like my skills are sufficient to sell them TBH. I would not be able to guarantee that it is a top quality job.
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

>> Front end. in simple terms the layout and user interface of the page.

We like the way the HOME page is layed out http://www.ddsap,com and the user interface. Mild tweaks would be good eg: side menus have 1 arrow on the currently highlighted page , not every page.

The Learning System (php and theme based) http://www.ddsap.com/moodle definitely needs a tweak or 20.. That would be an ongoing job.

The forums http://www.ddsap.com/forums are sort of OK - ie: nothing major is bad but , conversly nothing is that great and it doesn't gel with the home page ...

I want visual stuff, cross browser, standards compatible and accessibility for blind or visually impaired users. I would run this through Tidy and also any other web based testing stuff I can find (and I will search) - plus our future blind web admin guy.

The back end database stuff already works so unless you break it, I couldn't see that being an issue. That said, my web skills are no existant so please email.

As for guaranteeing this is a top quality job, I imagine your peers would give suitable feedback via the review section although they may be biased. That said, the choice is yours. You wanna quote - email me off line. if you don't want to quote - well ... gee... I respect your honesty and admire your integrity ... more power to you !

BTW the spell check never works for me here either Firefox or IE....
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

rtm223 wrote:
I personally never hijack the status bar, but thats me.


Same here, use it most of the time to debug variables being passed in query strings :roll:
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

None of the proposed solutions worked. ... groan .. sigh .... http://www.ddsap.com
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

seehowyouare wrote:
None of the proposed solutions worked. ... groan .. sigh .... http://www.ddsap.com


What is the real problem and what do you need help on?

I went to check out the moodle side of things on your site and not to be horrible but it looks like it is still in development not even beta stages.

Everything on the main site seems to be working okay except the support center link looks like it has been resized one to many times :wink:

Other than that everything seems fine. (viewing through IE 6)
  • seehowyouare
  • Novice
  • Novice
  • seehowyouare
  • Posts: 24

Post 3+ Months Ago

>>What is the real problem and what do you need help on?

Yikes, this thread got way off topic. Anyway, as the first post said

How do you get the rollover text to display in the status bar at the base of the screen ?

You can see an example here ...

http://www.sd.qld.gov.au/dsdweb/htdocs/ ... cfm?ID=176

>> I went to check out the moodle side of things on your site and not to be horrible but it looks like it is still in development not even beta stages.

It is in development, the functionality is fine. It just looks bad. It isn't for public consumption yet. I changed the theme and it looks a bit better.
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

seehowyouare wrote:
How do you get the rollover text to display in the status bar at the base of the screen ?


I think rtm said this
if it is an image (HTML 4)
Code: [ Select ]
<img src="image.gif" onMouseOver="window.status('I am the text for the status bar'); return true" onMouseOut="window.status(''); return true">

for a straight text hyper link
Code: [ Select ]
<a href="url" onMouseOver="window.status('I am the text for the status bar'); return true" onMouseOut="window.status(''); return true">Link 1</a>


you could also just write a function to place at the head of the page, not sure if you know how to call functions so I just gave you the beginner way

Let me know if it helps

Post Information

  • Total Posts in this topic: 23 posts
  • Users browsing this forum: spork and 84 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.