jon_test_nn6.htm

 <html><head><title>Jon Test for NN4 - show/hide layers</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="robots" content="noindex,nofollow,noimageindex"><script language="JavaScript"><!--function MM_reloadPage(init) {  //Updated by PVII. Reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);function MM_findObj(n, d) { //v3.0  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;}function P7_autoLayers() { //v1.2 by PVII var g,b,k,f,args=P7_autoLayers.arguments; var a = parseInt(args[0]);if(isNaN(a))a=0; if(!document.p7setc) {p7c=new Array();document.p7setc=true;  for (var u=0;u<10;u++) {p7c[u] = new Array();}} for(k=0; k<p7c[a].length; k++) {  if((g=MM_findObj(p7c[a][k]))!=null) {   b=(document.layers)?g:g.style;b.visibility="hidden";}} for(k=1; k<args.length; k++) {  if((g=MM_findObj(args[k])) != null) {   b=(document.layers)?g:g.style;b.visibility="visible";f=false;   for(j=0;j<p7c[a].length;j++) {    if(args[k]==p7c[a][j]) {f=true;}}  if(!f) {p7c[a][p7c[a].length++]=args[k];}}}}function GetElementsWithClassName(elementName,className) {	var allElements = document.getElementsByTagName(elementName);	var elemColl = new Array();	for (i = 0; i< allElements.length; i++) {		if (allElements[i].className == className) {			elemColl[elemColl.length] = allElements[i];		}	}	return elemColl;}function menuPop(menuName) {	if (document.layers) {		P7_autoLayers(0,menuName);	} 	else {		elemColl = GetElementsWithClassName('div','test');		for (n = 0; n < elemColl.length; n++) {			elemColl[n].style.visibility = 'hidden';		}		document.getElementById(menuName).style.visibility = 'visible';	}	}//--></script><style type="text/css"><!--BODY {	background-color : #FFC75E;}BODY, TD {	font-family : Verdana, Arial, Helvetica, sans-serif;	font-size : 12px;	font-style : normal;	color : #000000;}.test {	position : absolute;	top : 50px;	left : 50px;	visibility : hidden;	layer-background-color: #FFFFFF; /* for nn4's sake */	background-color : #FFFFFF;	color : #000000;	border : 1px solid #000000;	height : auto;	width : 300px;}A:LINK {	color : #000000;	text-decoration : none;	font-weight : bold;}A:VISITED {	color : #000000;	text-decoration : none;	font-weight : bold;}A:HOVER {	color : #FFFFFF;	text-decoration : none;	background-color : #99BB99;}A:ACTIVE {	color : #808080;}--></style></head><body bgcolor="#FFFFFF"><table width="500" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#FFFFFF">  <tr>     <td align="center"><a href="javascript:void(0);" onClick="menuPop('jon1');">jon1</a></td>    <td align="center"><a href="javascript:;" onClick="menuPop('jon2')">jon2</a></td>    <td align="center"><a href="javascript:;" onClick="menuPop('jon3')">jon3</a></td>    <td align="center"><a href="javascript:;" onClick="menuPop('jon4')">jon4</a></td>    <td align="center"><a href="javascript:;" onClick="menuPop('jon5')">jon5</a></td>  </tr></table><p>&nbsp;</p><div id="jon1" class="test">  <p>1 Container Jon 1 ..........</p>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi     enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis     nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in     hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui     blandit praesent luptatum zzril delenit a</p></div><div id="jon2" class="test">  <p>2 Container Jon 2..........</p>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi     enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis     nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in     hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui     blandit praesent luptatum zzril delenit a</p></div><div id="jon3" class="test">  <p>3 Container Jon 3..........</p>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi     enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis     nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in     hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui     blandit praesent luptatum zzril delenit a</p></div><div id="jon4" class="test">  <p>4 Container Jon 4..........</p>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi     enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis     nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in     hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui     blandit praesent luptatum zzril delenit a</p></div><div id="jon5" class="test">  <p>5 Container Jon 5..........</p>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi     enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis     nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in     hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui     blandit praesent luptatum zzril delenit a</p></div></body></html>