Hiding CSS class from Netscape 4.x

[TravelMan]

I'm trying to do a show/hide of several elements on a page and can't
get it working in Netscape 4.x. All other Windows browsers are
working.

My elements all have the same class name. <div
class="myClassName">stuff</div>
I cannot use ID because I don't know how many will appear as they are
dynamic recordsets. Netscape seems to work OK with IDs but not CSS
classes.

For Netscape 4.x I have coded in my javascript:
document.myClassName.visibility = "hide"; to hide it and
document.myClassName.visibility = "show"; to show it.

My CSS for this function is:

<style type="text/css">
..myClassName {visibility:hidden;}
</style>

When I use the toggle I get this error: document.myClassName has no
properties.

Any suggestions? Right now we are considering having standards-aware
browsers use client-side show/hide ( via
document.getElementsByTagName() ) and forcing Netscape 4.x to reload
the page, but would prefer to do it all in the browser.

[kayodeok]

tr********@excite.com (TravelMan) wrote in
news:ca**************************@posting.google.c om:

I'm trying to do a show/hide of several elements on a page and
can't get it working in Netscape 4.x. All other Windows browsers
are working.

Why not hide all CSS from Netscape 4.x and provide Structural Markup?
You can't support buggy browsers for ever...

How to hide CSS from buggy browsers
http://w3development.de/css/hide_css_from_browsers/

--
Kayode Okeyode
http://www.kayodeok.co.uk/weblog/

[Thomas 'PointedEars' Lahn]

TravelMan wrote:

I'm trying to do a show/hide of several elements on a page and can't
get it working in Netscape 4.x. All other Windows browsers are
working.
Sorry, but I really doubt that the below is working with *any* user agent.
For Netscape 4.x I have coded in my javascript:
document.myClassName.visibility = "hide"; to hide it and
document.myClassName.visibility = "show"; to show it.

My CSS for this function is:

<style type="text/css">
..myClassName {visibility:hidden;}
Is the `..' a typo? If not, remove one dot.
</style>

When I use the toggle I get this error: document.myClassName has no
properties.

You cannot reference CSS classes like objects. Instead, iterate
through the collection of DIV elements (use document.getElementsByName,
document.getElementsByTagName or document.layers, depending on the DOM[1])
and change the `className' property of each element to the name of a
CSS class where the `visibility' property has the value of `show'.
F'up2 cljs

PointedEars
___________
[1] Possibly you find http://pointedears.de.vu/scripts/dhtml.js useful
in this regard.

[e n | c k m a]

> and change the `className' property of each element to the name of a

CSS class where the `visibility' property has the value of `show'.

Why is that better than using JavaScript to change the CSS property?
I'm just curious because I saw that method elsewhere [on the MSDN] and found
it quite interesting. Is it really better? You're still using JavaScript
either way.

Thanks,
Nicko.

[Martin Honnen]

TravelMan wrote:

I'm trying to do a show/hide of several elements on a page and can't
get it working in Netscape 4.x. All other Windows browsers are
working.

My elements all have the same class name. <div
class="myClassName">stuff</div>
I cannot use ID because I don't know how many will appear as they are
dynamic recordsets. Netscape seems to work OK with IDs but not CSS
classes.

For Netscape 4.x I have coded in my javascript:
document.myClassName.visibility = "hide"; to hide it and
document.myClassName.visibility = "show"; to show it.

My CSS for this function is:

<style type="text/css">
.myClassName {visibility:hidden;}
</style>

When I use the toggle I get this error: document.myClassName has no
properties.

Any suggestions? Right now we are considering having standards-aware
browsers use client-side show/hide ( via
document.getElementsByTagName() ) and forcing Netscape 4.x to reload
the page, but would prefer to do it all in the browser.

Are those <div> elements positioned absolutely or statically with CSS?
If not forget about manipulating them with script as NN4 only makes
positioned elements available in its DOM.
If the <div>s are positioned then they should appear in
document.layers
and you can loop through document.layers
for (var i = 0; i < document.layers.length; i++)
document.layers[i].visibility = 'hide';
However if you wanted to check the class attribute of such a layer you
can't so you need to use other means to identify that a layer belongs to
a class, some way is to use an id attribute of the form
<div id="myClass01">
then you can check
document.layers[i].id.indexOf('myClass') == 0
to find out whether a layer belongs to your class.

Of course it is doubtful whether Netscape 4 is still worth the efforts,
some static functioning HTML page should suffice for Netscape 4 users.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[TravelMan]

Thomas 'PointedEars' Lahn <Po*********@web.de> wrote in message news:<3F**************@PointedEars.de>...

TravelMan wrote:

I'm trying to do a show/hide of several elements on a page and can't
get it working in Netscape 4.x. All other Windows browsers are
working.

Sorry, but I really doubt that the below is working with *any* user agent.

For Netscape 4.x I have coded in my javascript:
document.myClassName.visibility = "hide"; to hide it and
document.myClassName.visibility = "show"; to show it.

My CSS for this function is:

<style type="text/css">
..myClassName {visibility:hidden;}

Is the `..' a typo? If not, remove one dot.

</style>

When I use the toggle I get this error: document.myClassName has no
properties.

You cannot reference CSS classes like objects. Instead, iterate
through the collection of DIV elements (use document.getElementsByName,
document.getElementsByTagName or document.layers, depending on the DOM[1])
and change the `className' property of each element to the name of a
CSS class where the `visibility' property has the value of `show'.
F'up2 cljs

PointedEars
___________
[1] Possibly you find http://pointedears.de.vu/scripts/dhtml.js useful
in this regard.

How do you get a handle on the className for a DIV when
getElementsByTagName doesn't work in NN4.x? Is there another way to
get the className for a DIV or a layer?

[Thomas 'PointedEars' Lahn]

TravelMan wrote:

Thomas 'PointedEars' Lahn <Po*********@web.de> wrote in message
news:<3F**************@PointedEars.de>...
It is called attribution _line_.

TravelMan wrote:
[...]

> <style type="text/css">
> ..myClassName {visibility:hidden;}

Is the `..' a typo? If not, remove one dot.

> </style>
>
> When I use the toggle I get this error: document.myClassName has no
> properties.

You cannot reference CSS classes like objects. Instead, iterate
through the collection of DIV elements (use document.getElementsByName,
document.getElementsByTagName or document.layers, depending on the DOM[1]) ^^^^^^^^^^^^^^^ and change the `className' property of each element to the name of a
CSS class where the `visibility' property has the value of `show'.
[...]

How do you get a handle on the className for a DIV when
getElementsByTagName doesn't work in NN4.x?

See above. The document.layers[...] collection allows for referencing
positioned layers.
Is there another way to get the className for a DIV or a layer?

Sorry, NS4-DOM seems not to provide a className property,
so referenceToLayer.visibility is the only way.
(again!) followup-to comp.lang.javascript

PointedEars

P.S.: Please don't quote what you are not referring to.

[TravelMan]

Can you recommend any good books on the DOM and DOM scripting? I'm new
to using that and already am impressed by the power of what it offers.
Thanks.

[William Tasso]

TravelMan wrote:

Can you recommend any good books on the DOM and DOM scripting?
follow from here: http://www.w3.org/DOM/
I'm new
to using that and already am impressed by the power of what it offers.

just be sure you ensure your pages work in UAs without script support e.g.
googlebot.

--
William Tasso - http://WilliamTasso.com