<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. Ubuntu下安装部署MongoDB以及设置允许远程连接

    最近因为项目原因需要在阿里云服务器上部署MongoDB,操作系统为Ubuntu,网上查阅了一些资料,特此记录一下步骤. 1.运行apt-get install mongodb命令安装MongoDB服务 ...

  2. 190308python-MySQL

    一.Python连接MySQL import pymysql conn = pymysql.connect(host='192.168.100.4', port=3306, user='dongfei ...

  3. JS原型链中的prototype与_proto_的个人理解与详细总结

    一直认为原型链太过复杂,尤其看过某图后被绕晕了一整子,今天清理硬盘空间(渣电脑),偶然又看到这图,勾起了点回忆,于是索性复习一下原型链相关的内容,表达能力欠缺逻辑混乱别见怪(为了防止新人__(此处指我 ...

  4. 网络瓶颈、线程死锁、内存泄露溢出、栈堆、ajax

    网络瓶颈:网络传输性能及稳定性的一些相关元素 线程死锁:多个线程因竞争资源造成的一种僵局 下面我们通过一些实例来说明死锁现象. 先看生活中的一个实例,2个人一起吃饭但是只有一双筷子,2人轮流吃(同时拥 ...

  5. 自动判断文本文件编码来读取文本文件内容(.net版本和java版本)

    .net版本 using System; using System.IO; using System.Text; namespace G2.Common { /// <summary> / ...

  6. [转] 配置文件解析利器-Config库

    [From] https://blog.csdn.net/zero__007/article/details/51493851 Typesafe的Config库,纯Java写成.零外部依赖.代码精简. ...

  7. session.flush()与session.clear()的区别及使用环境

    [From] http://blog.csdn.net/leidengyan/article/details/7514484 首先session是有一级缓存的,目的是为了减少查询数据库的时间,提高效率 ...

  8. 移动距离--dfs-蓝桥杯

    题目描述: X星球居民小区的楼房全是一样的,并且按矩阵样式排列.其楼房的编号为1,2,3... 当排满一行时,从下一行相邻的楼往反方向排号. 比如:当小区排号宽度为6时,开始情形如下:   1   2 ...

  9. 搭建Flask+Vue及配置Vue 基础路由

    最近一直在看关于Python的东西,准备多学习点东西.以前的项目是用Vue+Java写的,所以试着在升级下系统的前提下.能不能使用Python+Vue做一遍. 选择Flask的原因是不想随大流,并且比 ...

  10. 解决Resharper在Core项目中无法执行单元测试的问题

    项目升级core了,resharper最近升级到2018.1版本,但是安装后还是无法直接运行单元测试,昨天小姐姐发了解决方法,贼有用.所以记录一下,给自己以后或者其他遇到此问题的小伙伴用.  解决Re ...