[thelist] Mozilla JavaScript Drop Down Menu Problems

[Casey]

I am really stumped here.

The problem page can be found at:
http://site5.dev.completeconsulting.com/contentdisplay.asp?id=home&level=554

The problem I am dealing with now is the font visibility problem that 
gruppenfreizeit pointed out.

In the function makeTable, this line should render the background and the 
font in the proper colors, and then flip them when mouseover:

<td onmouseover=\"this.color=font_out_color; 
this.style.backgroundColor='#BEB778'\"  onmouseout=\"this.color=font_color; 
this.style.backgroundColor='#323E3E'\">

That would make this line pointless:

<font color=\""+font_color+"\" onmouseover=\"this.color=font_out_color\" 
onmouseout=\"this.color=font_color\">

But when I take out that second line, the font is rendered in a dark 
burgendy, which is all together wrong.

I feel like I am chasing a ghost!!!  If someone who knows more about 
javascript then I do (which is most of you) could save this page to your 
local machine and play around with it, that would be so awesome!


>
> Hello,
>
> To your reclaimed prob:
> I use a function like this and it works in ns 7, moz firefox and ie 6
> without trying other browser types yet.
>
> function chcoll(el){
> el.style.visibility="hidden"}
>
> You've another prob with the text visibiliy inside the drop down menu.
> The text is displayed unvisible in the same color as the td element when 
> you
> enter the td element without touching the font element..
>
> Then you change the text color inside the drop down menus twice.
> It should be enough to declare the events once.
> <td onmouseover=\"this.color=font_out_color;
> this.style.backgroundColor='#BEB778'\" 
> onmouseout=\"this.color=font_color;
> this.style.backgroundColor='#323E3E'\">
>
> The second time inside the td is biting the first.
> <font color=\""+font_color+"\" onmouseover=\"this.color=font_out_color\"
> onmouseout=\"this.color=font_color\">
> Please explain the reason for that second declaration.
>
>
> Cheers
>
> Tummel
>
>
>
>
> Hoping there are a few JS experts here who are willing to lend a hand:
>
> In any Mozilla browser (I'm using FireFox) take a look at this page:
>
> http://site5.dev.completeconsulting.com/contentdisplay.asp?id=home&level=554
>
> The problem is that the dropdown menue does not collapse if your mouse 
> exits
> the dropdown list from anyplace but the patent link.  Run your mouse down 
> a
> list of links and then exit your mouse w/o going back to the top -- the 
> list
> stays  :-(
>
> Take a look at the source code: I am no JS guru, but I'm guessing the
> problem is here...
>
>
> function closebox() {
> if ((boxover == false) && (linkover == false)) {
> if ((ns) || (ie)) {
> if (ns) { themenu.visibility = "hide"; }
> else { themenu.visibility = "hidden"; }
> boxopen = false;
> }
> }
> }
>
> Any help would be lovely!!!!
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !