JavaScript: IE --> Mozilla

Здравей те,
някои можели да ми помогне да подкарам следното скриптче и под Моцила.
<script type="text/javascript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>


Става на въпрос за малко навигационно меню.

Мерси на всички , които ми помогнат.

Разгледаи това какво прави и прочети коментарите ми ..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<title></title>

<style type="text/css">

    <!--

    #blackelement{

        background-color: Black;

        color: White;

        border: 4px solid blue;

    }

    -->

</style>

<script language="JavaScript" type="text/javascript">

<!--//

    function showElement(elmnt) 

    { 

        elmnt.style.visibility="visible"; 

    } 

    function hideElement(elmnt) 

    { 

        elmnt.style.visibility="hidden";

    }

//-->

</script>

</head>

    <body>

        <div id="blackelement">

         Този елемент се появява и скрива от двете функции - showElement(elmnt) и hideElement(elmnt) 

        </div>

            <!--

                По този начин своего рода подаваш this-а на елемента на функцията - естествено 

                може да се направи и по друг по умен начин но сега не ми се занимава :) - така 

                ше работи не само под Mozilla но и под Opera.

            -->

        <input type="button" value="Скрии елемента" onclick="hideElement(document.getElementById('blackelement'))">

        <input type="button" value="Покажи елемента" onclick="showElement(document.getElementById('blackelement'))">

    </body>

</html>

Мене лично така ме по-кефи .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<title></title>

<style type="text/css">

    <!--

        #blackelement{

            background-color: Black;

            color: White;

            border: 4px solid blue;

        }

    -->

</style>

<script language="JavaScript" type="text/javascript">

<!--//

    function showOrHideElement( action , whatElement ) 

    { 

         var myElement=document.getElementById(whatElement);

         myElement.style.visibility=(action)?"visible":"hidden";

       

    } 

//-->

</script>

</head>

    <body>

        <div id="blackelement">

         Този елемент се появява и скрива от функцията  - showOrHideElement( action , whatElement ) 


         Подаваш и първо какво да прави - ако и подадеш 0 ще скрие елемента ако е различно от 0 


         ще го покаже за втори аргумент подаваш id-то на въпросният елемент.

        </div>

        <input type="button" value="Скрии елемента" onclick="showOrHideElement(0,'blackelement');">

        <input type="button" value="Покажи елемента" onclick="showOrHideElement(1,'blackelement');">

    </body>

</html>

Здравей,
мерси много за отговора.
В крайна сметка го оставих така:

isIE = (document.all ? true : false);

isDOM = (document.getElementById ? true : false);

function showInfo(elmnt){
if (isDOM) {
document.getElementById(elmnt).style.visibility="visible" ;
} else {
if (isIE) {
document.all(elmnt).style.visibility="visible" ;
} else {
document.layer(elmnt).style.visibility="visible";
}
}
}

function hideInfo(elmnt){ if (isDOM) {
document.getElementById(elmnt).style.visibility="hidden" ;
} else {
if (isIE) {
document.all(elmnt).style.visibility="hidden" ;
} else {
document.layer(elmnt).style.visibility="hidden";
}
}
}

Не е от най-интелигентните решения, обаче работи с ИЕ4+, Геко, Опера - а аз за това се борех

Поздрави

Мен пък още повече ме кефи така:

function (obj) {

...

obj = (typeof obj).toUpperCase() == 'OBJECT' ? obj : ((typeof document.getElementById(obj)).toUpperCase() == 'OBJECT' ? document.getElementById(obj) : null);

...

}

...

Както и да е...


Ама баба не е жена, вие не знаете ли?