ITKeyword,专注技术干货聚合推荐

注册 | 登录

框架集的折叠

xiao_jun_0820 分享于 2007-06-21

推荐:javascript,xml,xslt,html动态表单框架样例

1.文件说明 tpl.xml:表单域及内容数据文件,引用tpl.xsl tpl.xslt:表单域呈现控制脚本,引用tpl.js tpl.js:表单域呈现辅助控制标本 tpl.html:客户端html页面. 2.运

2019阿里云全部产品优惠券(新购或升级都可以使用,强烈推荐)
领取地址https://promotion.aliyun.com/ntms/yunparter/invite.html

 主框架mainFrame分成三个子框架,分别为leftFrame,rightFrame,topFrame,框架集代码如下: < frameset  rows ="40,*"  cols ="*"  frameborder ="no"  border ="1"  framespacing ="0" >
   < frame  src ="top.aspx"  name ="topFrame"  scrolling ="No"  noresize ="noresize"  id ="topFrame"  title ="topFrame"   />
   < frameset  cols ="160px,*"  frameborder ="no"  border ="1"  framespacing ="0"  id ="leftFrame" >
     < frame  src ="left.aspx"  scrolling ="No"  noresize ="noresize"   />
     < frame  src ="right.aspx"  noresize =noresize />
   </ frameset >
</ frameset >

在topFrame中添加一个图标用来显示和隐藏leftFrame或是rightFrame,隐藏rightFrame代码如下:

推荐:用HTML5, CSS3, JavaScript开发Android, iOS应用框架

  现在人人都想成为安卓/IOS应用开发工程师。其实,安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟

 

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="top.aspx.cs" Inherits="top"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title ></ title >
</ head >
< script  language ="javascript" > ...
function Show_Hide_Menu()...{
if(window.parent.leftFrame.cols=="160,*,0,0,0")...{
document.getElementById("menuICON").src="../image/Image00010.jpg";
document.getElementById("menuICON").alt="隐藏菜单"
window.parent.leftFrame.cols="*,0,0,0,0";
}
else...{
document.getElementById("menuICON").src="../image/Image00009.jpg";
document.getElementById("menuICON").alt="显示菜单"
window.parent.leftFrame.cols="160,*,0,0,0";
}
}
</ script >
< body  link ="#66ff00"  style ="background-color: green" >
     < form  id ="form1"  runat ="server" >
     < div  style ="background-color: black" >
     < img  style ="cursor:hand; width: 81px; height: 46px;"  src ="../image/Image00009.jpg"  alt ="隐藏菜单"  onclick ="javascript:Show_Hide_Menu();"  id ="menuICON"   />
     </ div >
     </ form >
</ body >
</ html > 隐藏leftFrame代码如下: <% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="right.aspx.cs" Inherits="right"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >

     < title ></ title >
</ head >
< script  language ="javascript" > ...
function Show_Hide_Menu()...{
if(window.parent.leftFrame.cols=="160,*,0,0,0")...{
document.getElementById("menuICON").src="../image/Image00010.jpg";
document.getElementById("menuICON").alt="隐藏菜单"
window.parent.leftFrame.cols="0,*,0,0,0";
}
else...{
document.getElementById("menuICON").src="../image/Image00009.jpg";
document.getElementById("menuICON").alt="显示菜单"
window.parent.leftFrame.cols="160,*,0,0,0";
}
}

</ script >
< body   style ="background-color: fuchsia" >
     < form  id ="form1"  runat ="server" >
     < img  style ="cursor:hand; width: 81px; height: 46px;"  src ="../image/Image00009.jpg"  alt ="隐藏菜单"  onclick ="javascript:Show_Hide_Menu();"  id ="menuICON"   />
     </ form >
</ body >
</ html > 要注意的关键点:在主框架中设置标签frameset的id=leftFrame,在script脚本中改变的是主框架id为leftFrame的cols属性,而不是frame标签下的子框架名.

推荐:Cordova / PhoneGap开发入门,基于HTML、CSS和JavaScript的Android移动开发框架

一 、Cordova 简介: 1. 基于HTML,CSS和JavaScript的移动开发框架 2. 跨平台快速开发:能够支持iPhone,Android,Palm,Symbian, WP7, WP8, Bada和Blackberry 3

 主框架mainFrame分成三个子框架,分别为leftFrame,rightFrame,topFrame,框架集代码如下: < frameset  rows ="40,*"  cols ="*"  frameborder ="no"  border ="1"  framespacing ="0" >    < fra

相关阅读排行


用户评论

游客

相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。