<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;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;5px; border-right:#FF0000 dotted 1px;" valign="middle">
<a onclick="javascript:switchSysBar();" id="switchPoint">
<img id="switchPoint" style="cursor:hand;" src="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>