Home Articles FAQs XREF Games Software Instant Books About Feedback Search Site-Map
irt.org logo

Q984 How can I hide and show a layer when a single form toggle button is pressed?

irt.org | Knowledge Base | DHTML | Q984 [ previous next ]

Q984 How can I hide and show a layer when a single form toggle button is pressed?

Try:

<script language="JavaScript"><!--
var toggle = false;

function show(object) {
    if (document.layers && document.layers[object])
        document.layers[object].visibility = 'visible';
    else if (document.all) {
        document.all[object].style.visibility = 'visible';
        document.all[object].style.zIndex = 100;
    }
}
function hide(object) {
    if (document.layers && document.layers[object])
        document.layers[object].visibility = 'hidden';
    else if (document.all)
        document.all[object].style.visibility = 'hidden';
}
//--></script>

<form>
<input type="button" onClick="if (toggle = !toggle) hide('myId');else show('myId')" value="Show/Hide">
</form>

<div id="myId" style="position: absolute; visibility: visible;">Test</div>

Feedback on 'Q984 How can I hide and show a layer when a single form toggle button is pressed?'


Provide feedback ...
AddThis Social Bookmark Button

Provide feedback ... AddThis Social Bookmark Button


Last Updated: 6th July 2009. Maintained by: Martin Webb
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.
Copyright © 1996-2009 irt.org, All Rights Reserved.