How to use getelementbyid with functions

[Nicholas]

Hello,

I have a simple function

function hide()
{
if (document.getElementById("DIV1").style.visibility == 'hidden')
{document.getElementById("DIV1").style.visibility = 'visible';}
else
{document.getElementById("DIV1").style.visibility = 'hidden';}
}

How can i pass something else instead of "DIV1" useing it as a function
parameter?

 

[Lee]

Nicholas said:

Hello,

I have a simple function

function hide()
{
if (document.getElementById("DIV1").style.visibility == 'hidden')
{document.getElementById("DIV1").style.visibility = 'visible';}
else
{document.getElementById("DIV1").style.visibility = 'hidden';}
}

How can i pass something else instead of "DIV1" useing it as a function
parameter?

So your question is really "how do I pass an argument to a function?",
right?

function hide(name) {
var style=document.getElementById(name).style;
if (style.visibility == 'hidden')
{style.visibility = 'visible';}
else
{style.visibility = 'hidden';}
}

Then you can invoke your function as "hide('DIV1')" or "hide('DIV2')", etc.


--

 

[Evertjan.]

Lee wrote on 25 apr 2007 in comp.lang.javascript:

So your question is really "how do I pass an argument to a function?",
right?

function hide(name) {
var style=document.getElementById(name).style;
if (style.visibility == 'hidden')
{style.visibility = 'visible';}
else
{style.visibility = 'hidden';}
}

Playful variation:

function hide_or_show_toggle(id) {
var s;
(s = document.getElementById(id).style).visibility =
(s.visibility == 'hidden') ?'visible' :'hidden';
};

 

[Nicholas]

/cut

Tank you very very much, i done somethin similar and couldn't belive why it
didn't work but i used double quote marks insted of single

Thumbs UP!