javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作

<html>

<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<title>javascript iframe  switchSysBar 左欄打開關閉，兼容各瀏覽器操作</title>

		<!--

		iframe  左欄打開關閉，兼容各瀏覽器操作

		參考：http://anole-erp.googlecode.com/svn-history/r1914/trunk/Anole-server/WebContent/global/js/jquery/

				http://anole-erp.googlecode.com/svn/trunk/

		<script type="text/javascript" src="js/anole.js"></script>

		<script type="text/javascript" src="js/loadImage.js"></script>

		<script type="text/javascript" src="js/jquery/lib/jquery.js"></script>

		<script type="text/javascript" src="js/jquery/jquery.bgiframe.min.js"></script>

		<script type="text/javascript" src="js/jquery/jquery-ui-1.8.1.custom.min.js"></script>

		<script type="text/javascript" src="js/jquery/jquery.alerts.js"></script>-->

<style type="text/css">

		body {

			overflow-x:hidden;

			overflow-y:hidden;

			}

	</style>

	<script language="javascript" type="text/javascript">

	//塗聚文修改 20130716

		var screenW = 640, screenH = 480;

		if (parseInt(navigator.appVersion)>3) {

		 screenW = screen.width;

		 screenH = screen.height;

		}

		else if (navigator.appName == "Netscape"

		    && parseInt(navigator.appVersion)==3

		    && navigator.javaEnabled()

		   )

		{

		 var jToolkit = java.awt.Toolkit.getDefaultToolkit();

		 var jScreenSize = jToolkit.getScreenSize();

		 screenW = jScreenSize.width;

		 screenH = jScreenSize.height;

		}

		function switchSysBar(){

			if(document.getElementById("frmMenu").style.display == "none"){

				var iswitch = "images/arrow01.png";

				var switchhtml = "<img border=\"0\" Title=\"關閉\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";

				switchPoint.innerHTML = switchhtml;

				document.getElementById("frmMenu").style.display = "";

			}

			else{

				var iswitch = "images/arrow02.png";

				var switchhtml = "<img border=\"0\" Title=\"打開\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";

				switchPoint.innerHTML = switchhtml;

				document.getElementById("frmMenu").style.display = "none";

			}

		}

	</script>

</head>

<body>

<div>

<table id="maintable" height="100%" width="100%" cellSpacing=0 cellPadding=0 align='left' border='0'>

	    	<tr>

	    		<td width="100%" height="80" colspan="3" valign="top">

	    			javascript iframe  switchSysBar 左欄打開關閉，兼容各瀏覽器操作

	    		</td>

	    	</tr>

	       	<tr>

	         	<td id="frmMenu" style="background-color:#faecd1;width:200px;" height="590" valign="top" noWrap>

		         	<iframe name="navigate" src="menu.html" width="100%" height="98%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>

	         	</td>

	         	<td id="switchbar" style="background-color:#faecd1;width:5px; border-right:#FF0000 dotted 1px;" valign="middle">

		         	<a onclick="javascript:switchSysBar();" id="switchPoint">

		         		<img id="switchPoint" style="cursor:hand;" src="data:images/arrow01.png" alt="關閉" title="關閉"/>

		         	</a>

				</td>

	         	<td width="100%" valign="top">

	         		<iframe name="body" src="2.html" width="100%" height="99%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>

				</td>

	       	</tr>

		</table>

		</div>

</body>

</html>
巴特西

javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作

最新文章

热门文章
