<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. TX2 dts、dtb编译与反编译

    设备树(Device Tree)包括DTC(device tree compiler),DTS(device tree source和DTB(device tree blob). dtc编译器能够把 ...

  2. gevent 传参, 中文编码

    #coding=utf-8 import os from gevent import monkey,pool monkey.patch_all() import gevent import time ...

  3. apache shiro学习笔记

    一.权限概述 1.1 认证与授权 认证:系统提供的用于识别用户身份的功能,通常登录功能就是认证功能-----让系统知道你是谁?? 授权:系统授予用户可以访问哪些功能的许可(证书)----让系统知道你能 ...

  4. javascript JSON. 转换 注意事项

    JSON.stringify() 会舍弃 方法..只有属性才会转换成 json 字符串,所以 用 JSON.stringify()=='{}' 来判断对象是否为空 是错误的!!!! 正确的做法 是  ...

  5. 洛谷 P3182 [HAOI2016]放棋子（错排问题）

    题面 luogu 题解 裸的错排问题 错排问题 百度百科:\(n\)个有序的元素应有\(n!\)个不同的排列,如若一个排列使得所有的元素不在原来的位置上,则称这个排列为错排:有的叫重排.如,1 2的错 ...

  6. Luogu P1801 黑匣子_NOI导刊2010提高（06）

    P1801 黑匣子_NOI导刊2010提高(06) 题目描述 Black Box是一种原始的数据库.它可以储存一个整数数组,还有一个特别的变量i.最开始的时候Black Box是空的．而i等于0.这个 ...

  7. HDU_2102 A计划 【BFS】

    一.题目 HDU2102 二.题意分析 该题其实就是三位空间内的BFS,但比较简单的是,它设置了传送门,可以直接传送上去,需要注意的是 1.到了传送门的时候要重新考虑传送的点的三种情况. (1)若又是 ...

  8. Web Worker 案例

    什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成. web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性 ...

  9. java se系列（四） 函数、数组、排序算法、二分法、二维数组

    1 函数 1.1  数的概述 发现不断进行加法运算,为了提高代码的复用性,就把该功能独立封装成一段独立的小程序,当下次需要执行加法运算的时候,就可以直接调用这个段小程序即可,那么这种封装形形式的具体表 ...

  10. vue-vli3创建的项目配置热更新

    vue-vli3创建的项目配置热更新 问题描述:使用vue-cli3创建的项目,修改代码之后,浏览器页面不会自动刷新,然而之前使用webpack初始化的vue项目修改代码之后浏览器会重新加载一下,因为 ...