Beginners question...

[Fix]

Hi,

There probably is a very simple and basic solution for what i want, but i
just don't know how...

I have this script, which could be much shorter:

function hidediv(id) {
document.getElementById(id).style.display='none';
}

activated by:

<div onclick="hidediv('one');hidediv('two');hidediv('three')">click</div>

How can I adjust this script to activate it by:
<div onclick="hidediv('one','two','three')">click</div>

Thanks!

 

[Martin Honnen]

Hi,

There probably is a very simple and basic solution for what i want, but i
just don't know how...

I have this script, which could be much shorter:

function hidediv(id) {
document.getElementById(id).style.display='none';
}

activated by:

<div onclick="hidediv('one');hidediv('two');hidediv('three')">click</div>

How can I adjust this script to activate it by:
<div onclick="hidediv('one','two','three')">click</div>

To have a function processing a variable number of arguments use the
arguments array:

function hideDivs () {
var el;
for (var i = 0; i < arguments.length; i++) {
if (document.all)
el = document.all[arguments];
else if (document.getElementById)
el = document.getElementById(arguments);
if (el && el.style)
el.style.display = 'none';
}
}

 

[Fix]

Great! Thanks!!

Hi,

There probably is a very simple and basic solution for what i want, but i
just don't know how...

I have this script, which could be much shorter:

function hidediv(id) {
document.getElementById(id).style.display='none';
}

activated by:

<div

How can I adjust this script to activate it by:
<div onclick="hidediv('one','two','three')">click</div>

To have a function processing a variable number of arguments use the
arguments array:

function hideDivs () {
var el;
for (var i = 0; i < arguments.length; i++) {
if (document.all)
el = document.all[arguments];
else if (document.getElementById)
el = document.getElementById(arguments);
if (el && el.style)
el.style.display = 'none';
}
}