Mozilla and elementid.style.visibility ARGH!

[Jixor]

Basically I have this code:

function onmainlinkinfobox(idx){
idx.style.visibility='visible';
}
function outmainlinkinfobox(idx){
idx.style.visibility='hidden';
}

It works fine in IE and Opera but not at all in mozilla.

I have tried adding 'ducument.all' and that didnt help. Even if I specidy the actual element id rather than using a variable it still wont work.

Any ideas?

BTW: To see the site go to: (http://www28.brinkster.com/jixor/dev2/)

[platinum]

idx.style.display='none';
idx.style.display='';

might work as an alternative Not sure why that above example wouldn't though! Got it online to view?

[oivaf]

Hi,
by using the Mozilla's Javascript Console I realized what was the error:

1st in you Html code you have to call the function with the parameter between quotes like this:

<a href="#" onmouseover="onmainlinkinfobox('malo') ...etc.

And use getElementById to access the element properties like this:

function onmainlinkinfobox(idx){
div = document.getElementById(idx).style;
div.visibility = 'visible';
//idx.style.visibility='visible';
}

function outmainlinkinfobox(idx){
div = document.getElementById(idx).style;
div.visibility='hidden';
//idx.style.visibility='hidden';
} 

I testes it on Konqueror 3.1.2 and Mozilla 1.4

HTH

[Jixor]

Thanks very much!
I have not had much experiance with mozilla (shame, heh) so thanks again for pointing out the javascript console!