Uncle Jims Javascript Examples: POPOUT MENU

Click the above divit to show/hide the message.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}

function init() {
        if (n) tab = document.tabDiv
		if (n) poptext = document.poptextDiv
		if (ie) tab = tabDiv.style
        if (ie) poptext = poptextDiv.style
}

var tabShow=0;

//Hide-Show Layer
function hidepoptext() {

if (tabShow == 1) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 0;
                tab.visibility = "show";
                poptext.visibility = "hide";
                tabShow = 0;
                return;
           	}
			if (ie) {
                tab.visibility = "hidden";
                tab.left = 0;
                tab.visibility = "visible";
                poptext.visibility = "hidden";
                tabShow = 0;
                return;
           }
  }
                
        if (tabShow == 0) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 400;
                tab.visibility = "show";
                poptext.visibility = "show";
                tabShow = 1;
       			   }
			if (ie) {
				tab.visibility = "hidden";
                tab.left = 400;
                tab.visibility = "visible";
                poptext.visibility = "visible";
                tabShow = 1;
				}
}
}

</SCRIPT>

<style type="text/css">
<!--
#tabdiv {
        position:absolute;
        top:0px;
        left:0px;
        z-index:2;
        visibility:show;
}

#poptextdiv {
        visibility:hide;
        position:absolute;
        width:400px;
        top:0px;
        left:0px;
        z-index:0;
        border-color:#FF0000;
        border-width:3px;
        background-color:#e0ffff;
        color:navy;
        padding:10 10 0 10;
        z-index:1;
        
}

#maintext {
        color:navy;
        font-family:Arial;
        position:absolute;
        top:150px;
        left:10px;
        width:470px;
        z-index:0;
}-->
</style>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>

Close This Window