style.display = 'inline' problem in Mozilla

[dirkg]

Hello,

I have a problem with the javascript in the following page:

http://helpdesk.dixys.com/tm/todo/todolistdbgen.html

If you click the Show Filter button in IE it works fine: you can hide and show the filter.

In mozilla however the layout is completely changing: colums are switching, new lines are created every time you show and hide the filter...

The functions that are called are:

function SwitchFilter(){

if (document.forms['frmToDoList'].FilterShown.value == 1){
document.forms['frmToDoList'].FilterShown.value = 0;
}
else {
document.forms['frmToDoList'].FilterShown.value = 1;
}
ShowHideFilter();
}
function ShowHideFilter(){

if (document.forms['frmToDoList'].FilterShown.value == 0){
document.getElementById('FilterLine1').style.display = 'none';
document.getElementById('FilterLine2').style.display = 'none';
document.forms['frmToDoList'].FilterButton.value='Show Filter';
}
else {
document.getElementById('FilterLine1').style.display = 'inline';
document.getElementById('FilterLine2').style.display = 'inline';
document.forms['frmToDoList'].FilterButton.value='Hide Filter';
}
}




Any idea what the solution is?

Thanks a lot in advance for your help!

Grz,

Dirk

 

[dirkg]

found it:
I have to use
document.getElementById('FilterLine1').style.display = '';

instaed of

document.getElementById('FilterLine1').style.display = 'inline';


Just to let you know in case you were encountering the same problem...