jQuery MiniUI

标题: header 元素的获取 [打印本页]

作者: caicai0328    时间: 2012-7-13 17:42:53     标题: header 元素的获取

我想获得布局中的头和尾  给他们定义了 id
可是怎么才function里面拿不到对象呢
var header=document.getElementById("header_1");
var footer=document.getElementById("footer_1");
这样那null
var header=mini.get("header_1");
var footer=mini.get("footer_1");

这样拿是undifine


这是源文件的定义
   <!--top 顶部区域-->
        <div class="header" id="header_1" region="north" height="70" showSplit="false" showHeader="false">
      <h1 style="margin:0;padding:15px;cursor:default;font-family:微软雅黑,黑体,宋体;"><font size=5>普加软件</font><font size=3>-</font></h1>
        <div style="position:absolute;top:18px;right:10px;">

                         <a class="mini-button mini-button-iconTop" iconCls="icon-out"     id="4"  plain="true" >退出系统</a>
        </div>
    </div>

<!--底部区域-->
    <div title="south" id="footer_1" region="south" showSplit="false" showHeader="false" height="30" >
        <div style="line-height:28px;text-align:center;cursor:default">Copyright © 普加软件 </div>
    </div>




最终想达到的目的是 隐藏头和尾  请指点一二  谢谢  管理员的耐心指导


作者: niko    时间: 2012-7-13 20:14:59

参考示例:http://www.miniui.com/demo/index.html#src=layout/layout.html

隐藏、显示;折叠、展开的效果都有了
作者: caicai0328    时间: 2012-7-14 20:28:01

niko 发表于 2012-7-13 20:14
参考示例:http://www.miniui.com/demo/index.html#src=layout/layout.html

隐藏、显示;折叠、展开的效果 ...

恩  我用的是原来的那个布局框架,元素找到了。。分了点周折,但是我好想领悟到了miniui的使用办法
var layout=mini.get("layout1");

var header=layout.getRegion("north");
var footer=layout.getRegion("south");
mini里面的get 不能不支持获取区域的方法  
但是我还有个问题怎样能把这个把bar也彻底的隐藏呢。。我想做一个模拟的全屏功能。。谢谢了O(∩_∩)O~
[attach]252[/attach]


作者: niko    时间: 2012-7-16 09:35:12

<div region="north" showHeader="false"
作者: caicai0328    时间: 2012-7-16 22:06:26

niko 发表于 2012-7-16 09:35

我加这个了  最小智能收缩成这个样子
作者: niko    时间: 2012-7-17 09:22:51

有头部,那就显示这样。
另外,如果折叠也就是这样。
你可以隐藏来做:http://www.miniui.com/demo/#src=layout/layout.html

示例有折叠,有隐藏处理。

作者: caicai0328    时间: 2012-7-17 16:46:05

niko 发表于 2012-7-17 09:22
有头部,那就显示这样。
另外,如果折叠也就是这样。
你可以隐藏来做:http://www.miniui.com/demo/#src=la ...

恩 照这个办法  解决了  谢谢了




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2