一款基于Prototype 1.6 的web布局管理器

原创 2007年10月05日 22:51:00

         一款基于Prototype 1.6 的web布局管理器,使用起来非常方便。其基于Prototype 1.6 应用css classes,下图概括了如何使用其css:

大致就是,

  • lm_top / lm_bottom ,顶部和底部 布局内容,可以无限增加
  • lm_left / lm_right ,左右内容
  • lm_center, 中间内容

html代码如下书写:

<div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center"></div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
当然需要引入Prototype 和 layout_manager   js库,如下:
head部分加入
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="layout_manager.js"></script>
另:还有几个比较让人欣喜的功能!
1.布局也支持嵌套,代码类似如下:
<div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center">
    <div class="lm_container">  
      <div class="lm_top"></div>
      <div class="lm_left"></div>
      <div class="lm_center"></div>  
      <div class="lm_right"></div>  
      <div class="lm_bottom"> </div> 
    </div>
  </div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
2.异步更新布局内容,你可以如此调用:
layoutManager.add('your_element_id');
layoutManager为一全局变量,js库中如此声明:
var layoutManager = null;
Event.observe(window, "load", function() { layoutManager = new LayoutManager() })
 
介绍如上,各位感兴趣的可以下载http://blog.xilinus.com/layoutmanager.zip
版权声明:本文为博主原创文章,未经博主允许不得转载。

js面向对象编程: js类定义函数时用不用prototype的区别?

一直在使用js编写自以为是面向对象的方法,遇到一个问题,就是定义一个方法,如下:          function ListCommon2(first,second,third) { ...
  • xuexiaodong2009
  • xuexiaodong2009
  • 2014年06月09日 14:46
  • 1600

js中的prototype和基于prototype的继承总结

与其他编译语言的继承相比,javascript也有一套继承实现方式,即使用prototype原型及其链的方式。1、我们先用一个简单的例子先理解原型链, (http://img.blog.csdn.n...
  • houyaowei
  • houyaowei
  • 2016年05月18日 15:00
  • 240

JavaScript prototype原型和原型链详解

用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数供实例访问,其它的就不清楚了,...
  • i10630226
  • i10630226
  • 2015年10月21日 14:25
  • 1566

java swing 1.6布局管理器

GroupLayout 是一个 LayoutManager,它将组件按层次分组,以决定它们在 Container 中的位置。GroupLayout 主要供生成器使用,但也可以手工编码。分组由 Grou...
  • cws564752588
  • cws564752588
  • 2013年08月05日 10:43
  • 344

[转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)

/*针对Prototype框架使用讲解,文章非常经典,中文版,在Java.net上有,特转载过来,感谢作者和翻译者。原文地址:https://compdoc2cn.dev.java.net/proto...
  • heiyeshuwu
  • heiyeshuwu
  • 2006年01月24日 17:59
  • 2804

maven报错 Dynamic Web Module 3.0 requires Java 1.6 or newer 解决

转自:http://qussay.com/2013/09/13/solving-dynamic-web-module-3-0-requires-java-1-6-or-newer-in-maven-p...
  • ch717828
  • ch717828
  • 2015年07月23日 13:41
  • 781

解决“Maven项目中的Dynamic Web Module 3.0 requires Java 1.6 or newer”问题

错误描述 当创建有动态web模块3.0支持的项目时,需要用到Java版本不低于1.6。 在Markers标签页中显示的错误为:Dynamic Web Module 3.0 requires Java ...
  • conansix
  • conansix
  • 2014年07月05日 21:25
  • 18502

Android的6种布局管理器总结

Android中的6大布局管理器:1). LinearLayout 线性布局管理器、2). TableLayout 表格布局管理器、3). RelativeLayout 相对布局管理器、4). Fra...
  • yihuiworld
  • yihuiworld
  • 2015年05月26日 17:31
  • 9561

关于游戏开发,如何开发一款游戏(基于unity)

关于如何开发一款自己的游戏项目(目前只说客户端),就说说自己的个人观点,自己YY的,不喜勿喷。。 首先,要做一款游戏,如果你要做一款有网络的游戏,有用户数据保存的,那么首先就要有一个服务器,然后我们...
  • HelloCLanguage
  • HelloCLanguage
  • 2017年06月26日 11:31
  • 643

彻底解决Dynamic Web Module 3.0 requires Java 1.6 or newer.

最近在做版本切换的时候经常遇到的一个问题就是Dynamic Web Module 3.0 requires Java 1.6 or newer.可以说是弄到恶心的地步了,还好不是什么大问题经过一天的努...
  • bobjy_happybird
  • bobjy_happybird
  • 2015年06月24日 14:16
  • 7456
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一款基于Prototype 1.6 的web布局管理器
举报原因:
原因补充:

(最多只允许输入30个字)