473,320 Members | 1,993 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

NS v. IE hidden

I want a description of each button to appear when you mouse over the
button. This is working in IE, but not in NS. Here is the HTML:

<div id="noticedesc"
style="position:absolute; left:180; top:180; visibility:hidden;">
Notices are displayed once and stop when the date has expired.
You can add, delete, change or list notices.<br><br>
Use HTML codes to jazz up your message. Contact the webmaster
for various ideas on this. Always check with Jim, Toby or
Dave when adding a notice.
</div>

Which is repeated for the three buttons and the two "stock" things on the
page. The code to do the switching is:

function staffmouseover(source, img)
{
// alert("**testing** staffmouseover from: " + source + " using: " + img);
staffdesc.style.visibility = "Hidden";
visitdesc.style.visibility = "Hidden";

if (source == "links")
{
linkdesc.style.visibility = "Visible";
}
if (source == "users")
{
userdesc.style.visibility = "Visible";
}
if (source == "notice")
{
noticedesc.style.visibility = "Visible";
}
document[source].src = img;
}

all called from a "mouse over" event. On "mouse out" I turn off the various
help messages and turn on the two stock messages. Only one of the stock
messages appears at all under NS. None of the other text appears. The
mouse over the buttons still causes the image to change with this:

<a href="SQL_Link.php?act=List">
<img src="../buttons/Links.gif" name="links"
onMouseOver="staffmouseover('links', '../buttons/Links_f2.gif')"
onMouseDown="staffmousedown('links', '../buttons/Links_f3.gif')"
onMouseOut="staffmouseout('links', '../buttons/Links.gif')"
alt="Add Links" title="Add Links" border="0"></a>

I thought "<div>" was universal now. Any ideas?

Dave
Jul 23 '05 #1
4 1334
Lee David wrote:
I want a description of each button to appear when you mouse over the
button. This is working in IE, but not in NS. Here is the HTML:

<div id="noticedesc" [...] </div>

Which is repeated for the three buttons and the two "stock" things on the
page. The code to do the switching is:

function staffmouseover(source, img)
{
// alert("**testing** staffmouseover from: " + source + " using: " + img);
staffdesc.style.visibility = "Hidden";
Here you are using the element id as a global variable - that is an IE
invented, non-standard practice. You should also test that the style
object is supported before trying to use it.

Try something like:

function staffmouseover(source, img)
{
if ( document.getElementById && document.body.style ) {
document.getElementById('staffdesc').style.visibil ity = "hidden";

visitdesc.style.visibility = "Hidden";
document.getElementById('visitdesc').style.visibil ity = "hidden";

if (source == "links")
{
linkdesc.style.visibility = "Visible";


document.getElementById('linkdesc').style.visibili ty = "visible";

etc.

[...]

Read the group FAQ for how to add support for older browsers with
document.all:

<URL:http://www.jibbering.com/faq/#FAQ4_15>
--
Rob
Jul 23 '05 #2
I just couldn't make head nor hair of that. Do you have a simpler site?

I did try to add to the code and now I get a Page Error. How do I find out
what that error was?

TIA, Lee
Jul 23 '05 #3
Lee David wrote:
I want a description of each button to appear when you mouse over the
button. This is working in IE, but not in NS. Here is the HTML:

<div id="noticedesc"
style="position:absolute; left:180; top:180; visibility:hidden;">
Notices are displayed once and stop when the date has expired.
You can add, delete, change or list notices.<br><br>
Use HTML codes to jazz up your message. Contact the webmaster
for various ideas on this. Always check with Jim, Toby or
Dave when adding a notice.
</div>

Which is repeated for the three buttons and the two "stock" things on the
page. The code to do the switching is:

function staffmouseover(source, img)
{
// alert("**testing** staffmouseover from: " + source + " using: " + img);
staffdesc.style.visibility = "Hidden";
visitdesc.style.visibility = "Hidden";

if (source == "links")
{
linkdesc.style.visibility = "Visible";
}
if (source == "users")
{
userdesc.style.visibility = "Visible";
}
if (source == "notice")
{
noticedesc.style.visibility = "Visible";
}
document[source].src = img;
}

all called from a "mouse over" event. On "mouse out" I turn off the various
help messages and turn on the two stock messages. Only one of the stock
messages appears at all under NS. None of the other text appears. The
mouse over the buttons still causes the image to change with this:

<a href="SQL_Link.php?act=List">
<img src="../buttons/Links.gif" name="links"
onMouseOver="staffmouseover('links', '../buttons/Links_f2.gif')"
onMouseDown="staffmousedown('links', '../buttons/Links_f3.gif')"
onMouseOut="staffmouseout('links', '../buttons/Links.gif')"
alt="Add Links" title="Add Links" border="0"></a>

I thought "<div>" was universal now. Any ideas?

Dave

OT but -> left:180; top:180; should be left:180px; top:180px;
Jul 23 '05 #4
"Lee David" <af**************************@comcast.net> wrote:
I want a description of each button to appear when you mouse over the
button. This is working in IE, but not in NS. Here is the HTML:


You should do this entirely in CSS, using hover...it'll work without
javascript, and is more logical to boot.

<style>
..noJS { display: inline;}
..noJS a span {display: none;}
..noJS a:hover {border:none;}
..noJS a:hover span {
display: block;
position: absolute;
}

</style>

<div class="noJS">
<a href="whatever">Home<span>Main page. Welcome to my home.</span></a>
</div>

--
J.B.Moreno
Jul 23 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: Randell D. | last post by:
Folks, Perhaps someone can figure this out - this is 'the process of my script' I have a form whereby I can add multiple contacts to a single address. There is only one...
1
by: mark.reichman | last post by:
First off.. Thanks to Grant Wagner for help in a previous thread related to this one. I am at a total loss... I have multiple fields in a form with the same name. Lets call the fields with the...
4
by: lawrence | last post by:
Can anyone tell me why this code works in Netscape 7.1 but not in IE??? <SCRIPT type='text/javascript'> function makeVisible(nameOfDiv) {...
1
by: tabert | last post by:
I want to use JavaScript when a button is clicked to show and hide a SPAN or DIV. This works in both IE and Netscape, but what I'd like to happen is for there to be no white space where the hidden...
6
by: Angus Comber | last post by:
Hello I am working with an external perl script. I can submit something like this: <form target="mycart" action="https://www.website.com/cgi-bin/" method="post"> <input type="image"...
1
by: Madame Blablavatsky | last post by:
hello, i am trying to build a kind of very, very simple ritch text editor for people to use with a very simple cms. at the moment i am working on the basic structure. the text is put in an...
5
by: Roshawn Dawson | last post by:
Hi, Are hidden fields passed in the querystring when a form is posted back? If they are, must the hidden fields be server controls in order to access them from .net code? Thanks, Roshawn
1
by: pemigh | last post by:
I'm almost done with an application, and trying to lock it down tightly. But I still want users to be able to point to a new location for the data file. The code below fires off to detect and...
3
by: KNN | last post by:
Hi I have some tables with hidden attribute set to 1. In the query desgn view , I do not see these tables as expected. But, If I choose the query wizard to create a new query, then i do see...
6
by: dba | last post by:
using the following code with a problem.... echo "<input type='hidden' name='member_id' value=\"{$row}\">{$row}"; echo "<input type='radio' name='member_name' value=\"{$row}\">{$row}<br />"; ...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.