<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. Unity---高度解耦和

    介绍 先举一个简单的例子: 在UGUI中新建一个Button和Text,要求实现点击Button改变Text中的文字. 我的第一反应就是在Button上添加一个脚本,获取点击事件来改变Text的内容. ...

  2. 条目八《永不建立auto_ptr的容器》

    条目八<永不建立auto_ptr的容器> 重要的事说三次,永不建立auto_ptr的容器,永不建立auto_ptr的容器,永不建立auto_ptr的容器!!! 为什么? 实质是auto_p ...

  3. VUE学习（三）语法

    模板语法 Mustache 语法 1.插值 <span v-once>这个将不会改变: {{ msg }}</span> v-once,一次性,否则就会绑定 {{    }}  ...

  4. HDU - 5997 树状数组+set

    和之前一道省选题目很像: (梦幻布丁): 我们维护的时候用树状数组维护,在断电处打上标记: 合并的时候小的合并到大的里面: #include<iostream> #include<c ...

  5. echart在jsp中使用另外的方法

    var chartOutChar = null; var option1 = { tooltip: { trigger: 'axis' }, toolbox: { feature: { dataVie ...

  6. JAVA数据结构--ArrayList动态数组

    在计算机科学中,动态数组,可扩展数组,可调整数组,动态表,可变数组或数组列表是一种随机存取可变大小列表数据结构,允许添加或删除元素.它提供许多现代主流编程语言的标准库.动态数组克服了静态数组的限制,静 ...

  7. Python常用的标准库以及第三方库有哪些？

    20个必不可少的Python库也是基本的第三方库 读者您好.今天我将介绍20个属于我常用工具的Python库,我相信你看完之后也会觉得离不开它们.他们是: Requests.Kenneth Reitz ...

  8. HDU - 1525 博弈 暴力分析

    先来看看比较显然的几个局面 (a,0) 先手必败 (a,a) 先手必胜 (a,ak) 先手必胜 (a,ak+r),k>1 先手必胜,因为先手有主动权把(a,r)让给后手或留给自己 对于开局(a, ...

  9. java8 方法引用与lambda

    List<String> list = new ArrayList<>(); //list.stream().filter((String s)->System.out. ...

  10. css3 渐变色

    Firefox可以使用角度来设定渐变的方向,而webkit只能使用x和y轴的坐标. 渐变可以创建类似于彩虹的效果,低版本的浏览器使用图片来实现,CSS3将会轻松实现网页渐变效果 粘贴代码 <di ...