Hiding CSS class from Netscape 4.x

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.

travel-man (AT) excite (DOT) com (TravelMan) wrote in
news:ca0c0fd6.0310141307.7e9dbc38 (AT) posting (DOT) google.com:

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/

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.

Thomas 'PointedEars' Lahn <PointedEars (AT) web (DOT) de> wrote

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?

TravelMan wrote:

Thomas 'PointedEars' Lahn <PointedEars (AT) web (DOT) de> wrote in message
news:<3F8C6DC7.5040803 (AT) PointedEars (DOT) 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.

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.

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