Make html button disappear with javascript?

[FantaJ]

Hi,

Is it possible to make a html button invisible using javascript?
I can certainly disable it:

var x=document.getE lementById('but ton2');
x.disabled=true ;
//x.type = 'hidden'; // read only?
//x.visible = false; // doesn't exist?

but is there a property i can (ab)use to make it invisible?

Thanks in advance.

[RobG]

FantaJ wrote:

Hi,

Is it possible to make a html button invisible using javascript?
I can certainly disable it:

var x=document.getE lementById('but ton2');
x.disabled=true ;
//x.type = 'hidden'; // read only?
input type hidden is not the same as readonly - the user can't see it
so in that sense a readonly input it's not readable at all.
//x.visible = false; // doesn't exist?

but is there a property i can (ab)use to make it invisible?
You can hide elements using:

x.style.display = 'none';
or
x.style.visibil ity = 'hidden';

and to make it visible again:

x.style.display = '';
or
x.style.visibil ity = 'visible';

The difference is that display 'none' will make the element take up
zero space in the page and hence will likely affect page layout.
Visibility just hides/shows the element with no effect on page layout.

Thanks in advance.

--
Rob

[FantaJ]

Thanks Rob - just what i was looking for.

[Grant Wagner]

"FantaJ" <vi*********@gm ail.com> wrote in message
news:11******** **************@ g43g2000cwa.goo glegroups.com.. .

Hi,

Is it possible to make a html button invisible using javascript?
I can certainly disable it:

var x=document.getE lementById('but ton2');
x.disabled=true ;
//x.type = 'hidden'; // read only?
//x.visible = false; // doesn't exist?

but is there a property i can (ab)use to make it invisible?

Thanks in advance.

<button id="myButton">M y Button</button>
<button onclick="toggle Visibility('myB utton');">Hide/show My
Button</button>
<button onclick="toggle Display('myButt on');">Remove/restore My
Button</button>
<script type="text/javascript">
function toggleDisplay(i d) {
var el;
if (document.getEl ementById) {
el = document.getEle mentById(id);
} else if (document.all) {
el = document.all[id];
}

if (el && (el = el.style) && ('string' == typeof el.display)) {
el.display = ('none' == el.display ? '' : 'none');
}
}
function toggleVisibilit y(id) {
var el;
if (document.getEl ementById) {
el = document.getEle mentById(id);
} else if (document.all) {
el = document.all[id];
}

if (el && (el = el.style) && ('string' == typeof el.visibility)) {
el.visibility = ('hidden' == el.visibility ? 'visible' :
'hidden');
}
}
</script>
--
Grant Wagner <gw*****@agrico reunited.com>
comp.lang.javas cript FAQ - http://jibbering.com/faq