<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 左欄打開關閉，兼容各瀏覽器操作的更多相关文章

  1. 一個小技巧讓ipad或iphone的瀏覽器也能開啟firebug

    首先複製這一段代碼 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']& ...

  2. 開關(switch)規格中，SPDT, DPDT, 3PDT, 4PDT是什麼意思?

    Reference http://blog.xuite.net/auster.lai/twblog/433393966 開關(switch)用來控制電路的開與閉,機械式的switc內部是由接點開關.彈 ...

  3. javascript iframe跳转问题

    javascript iframe跳转问题如果在iframe里面有要点击跳转最外层的连接 要只能用<pre> <div onclick="parent.location.h ...

  4. 在 Swift 專案中使用 Javascript:編寫一個將 Markdown 轉為 HTML 的編輯器

    原文:Using JavaScript in Swift Projects: Building a Markdown to HTML Editor 作者:GABRIEL THEODOROPOULOS ...

  5. Form – 保存自動關閉當前窗口

    FAQ: 在BUTTON的触发器中,写如下代码, commit_form; go_bloack('你想显示的那个window的block'); --或者写 show_view('你要显示的canvas ...

  6. javascript iframe 操作(一)

    [兼容所有浏览器 包括IE7/8/9] 1.父页面中获取IFRAME的WINDOW对象 获得了window对象后,就可以调用iframe页面中定义的方法等. IE:可以通过iframeId.windo ...

  7. Javascript iframe交互并兼容各种浏览器的解决方案

    在Web前端开发中,我们经常会用到iframe这个控件. 但是这个控在内.外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定, ...

  8. JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    一.Iframe 篇 公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { ...

  9. 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    一.Iframe 篇 //&&&&&&&&&&&&&&&&&&a ...

随机推荐

  1. php Tp5下mysql的增删改查

    // 增 public function insert(){ $data = array( "username"=>"user121", "pa ...

  2. javaweb面试一

    1.forward与redirect区别,说一下你知道的状态码,redirect的状态码是多少? 状态码 说明 200 客户端请求成功 302 请求重定向,也是临时跳转,跳转的地址通过Location ...

  3. 搭建Jenkins--（用于个人学习持续集成）

    ###1.安装java 完成后输入java -version,出现版本信息 输入 javac, 会出现 说明,JDK  和 JRE 安装正确 ###2.安装tomcat 1.下载Tomcat wind ...

  4. hdu_1051 Wooden Sticks 贪心

    Wooden Sticks Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tot ...

  5. C++_类入门2-使用类

    进一步探讨类的特征,重点是类设计技术,而不是通用原理.一些特性很容易,一些特性很微妙. 运算符重载 目的是使C++操作更美观,更接近于内置类型的操作. 隐藏了内部的实现机理,并强调了实质. 格式:op ...

  6. C++_函数3-引用变量与函数的默认参数

    引用变量 C++新增了一种复合类型——引用变量. 引用是已定义的变量的别名.例如将twain作为clement变量的引用,则可以交替使用twain和clement来表示该变量. 引用变量的主要用途:用 ...

  7. paraview plot over line

  8. QDU_CEF（补）

    C - Arthur and Table Arthur has bought a beautiful big table into his new flat. When he came home, A ...

  9. window 中安装 hadoop

    win10上部署Hadoop-2.7.3——非Cygwin.非虚拟机   开始接触Hadoop,听人说一般都是在Lunix下部署Hadoop,但是本人Lunix不是很了解,所以Google以下如何在W ...

  10. [转] Spring Integration 系统集成

    [From] http://blog.csdn.net/w_x_z_/article/details/53316618 pring Ingegration 提供了基于Spring的EIP(Enterp ...