Help with javascript code please

[robbiez]

Included in the shopping cart software I use is the following function:


function idShowHide(obj) {

var el = document.getElementById(obj);
if ( el.style.display != "none" ) {
el.style.display = 'none';
} else {
el.style.display = 'block';
}
}


The function creates a Show/Hide link for many items within the admin side of the site.
The problem is the default is always SHOW.

Does anybody know how I can change the default to HIDE, or even better for the function to remember the last setting from the last visit.

Thanks in advance
Rob

[abduraooft]

You could do it simply be adding a style="display:none;" to your element. But this element won't get displayed if there is no javascript support. So you could call a javascript code in the onload even of the page, say
<script type="text/javascript">
window.onload=function(){
document.getElementById('id_of_element').style.display='none';
}
</script>

[robbiez]

Hi

Many thanks. This has worked as it should do.

However how do I get it to activate more than one element ID?? I have tried comma seperated versions and even seperate Scripts but I can only get it to work on one slement ID.

I thought it would be something like this:
<script type="text/javascript">
window.onload=function(){
document.getElementById('id_of_element','id_of_element2','id_of_element3').style.display='none';
}
</script>



Thanks again
Rob

[robbiez]

Hi
I have persisted and got it to work like this

<script type="text/javascript">
window.onload=function(){
document.getElementById('gbu0--manageprod--pricingtypeselection--d').style.display='none';
document.getElementById('gbu0--manageprod--pricespecificfields--d').style.display='none';
}

</script>

Thanks Again

[ohgod]

you could use css if you're going to be applying that in a number of places