Re: DHTML problem in NN6
by "Captain F.M. O'Lary" <ctfuzzy(at)canopy.net>
|
Date: |
Sat, 06 Jan 2001 10:21:22 -0500 |
To: |
Bryce and Kerri <brycefields(at)royalrodent.com>, hwg-basics(at)hwg.org |
Cc: |
bryce.fields(at)mail.state.ky.us |
In-Reply-To: |
yahoo |
|
todo: View
Thread,
Original
|
|
Hey Bryce.
Have you been reading the thread on this list about accessibility issues
and "government" web pages?
You should - right away.
It will solve your issues completely and very quickly.
HTH,
Fuzzy.
At 09:03 AM 1/5/01 -0800, Bryce and Kerri wrote:
>HELP! I am creating dynamic expandable menus for the
>Kentucky State Nature Preserves Commission's web site.
> I'm using JavaScript to change the "display" property
>to show/hide submenus when a user clicks on a widget.
>Here's the Script:
>
>function toggleMenu(menu, widget1, widget2){
> var dom;
> if (document.getElementsByTagName("*")) {
> domMenu = document.getElementById(menu);
> domWidget1 = document.getElementById(widget1);
> domWidget2 = document.getElementById(widget2);
> };
> else {
> domMenu = eval(dom + '.all.' + menu);
> domWidget1 = eval(dom + '.all.' + widget1);
> domWidget2 = eval(dom + '.all.' + widget2);
> };
> if (domMenu.style.display == "none") {
> domMenu.style.display = "block";
> domWidget1.style.display = "none"
> domWidget2.style.display = "inline"
> };
> else {
> domMenu.style.display = "none";
> domWidget1.style.display = "inline";
> domWidget2.style.display = "none";
> };
>}
>
>where 'menu' is the menu to be toggled, 'widget1' is a
>"+" sign that is displayed while the menu is
>collapsed, and 'widget2' is a "-" sign that is
>displayed when the menu is open. Here is a snigglet
>of code on how the function is called:
>
>This is the anchor that calls the JavaScript
>function...
>
><a href="javascript:// "onClick="toggleMenu
>'programMenu', 'programwidget1', 'programwidget2')">
><img src="images/widgetplus.gif" id="programwidget1"
>style="display: inline; position: relative;">
><img src="images/widgetminus.gif" id="programwidget2"
>style="display: none; position: relative;"></a>
>
>and here is the DIV container for the menu that is to
>be expanded and collapsed:
>
><div id="programMenu" style="display: none;">
> //menu items go here
></div>
>
>Everything works fine in IE5. (I confess I haven't had
>a chance to check it in IE4 YET, so I don't know if
>the IE4 branch of the JavaScript function works or
>not, but I can't see why it wouldn't (famous last
>words!). However NN6, which should have no problem
>using the W3C DOM, does not work and I have no idea
>why not. I'm rather new to DHTML. Am I missing
>something obvious?
>
>Incidentally, I realize that NN4 is a DHTML capable
>browser and that I've made no attempt to accomadate it
>yet in the code. We're still trying to decide if we
>want to support NN4 or recommend to visitors that they
>upgrade to 6.
>
>Please CC: all replies to my work address,
>bryce.fields(at)mail.state.ky.us. Any help will be
>appreciated.
>
>Bryce Fields
>KSNPC Webmaster
>
>__________________________________________________
>Do You Yahoo!?
>Yahoo! Photos - Share your holiday photos online!
>http://photos.yahoo.com/
>
______________________________________________________________
Captain F.M. O'Lary
webmaster(at)canopy.net
Another year ends.
All targets met. All systems working. All customers satisfied.
All staff eagerly enthusiastic. All pigs fed and ready to fly.
------------------------------------------------------------------
HTML: hwg-basics mailing list archives,
maintained by Webmasters @ IWA