help中定义弹出框

scholltop

浏览: 300035 次
性别:
来自: 武汉

最近访客更多访客>>

地方疙瘩人

kodo521

猫狸粽子

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

RUBY

   #弹出div
    def popup_div(width, height, title, tagid, &block)
      content = capture(&block)
     right_text = ""
     if title.is_a?(Array)
       right_text = title[1]
       title = title[0]
     end
     concat %!
      <div id="#{tagid}" class="popup_layer" style="width:#{width}px;height:#{height}px">
        <div class="popup_title_bar">
        	<div class="popup_title_text">#{title}</div>
        	<div class="popup_title_close"><a href="#" onclick="Lock_CheckForm('#{tagid}');">[#{'关闭'.t}]</a></div>
        </div>	
        <div class="popup_split_left" style="height:#{height-24}px"></div>
      	<div class="popup_content" style="height:#{height-24}px">
      		#{content}
      	</div>
        <div class="popup_split_right" style="height:#{height-24}px"></div>
    </div>
      !, block.binding
    end
    
    #弹出提示
    def popup_tip(width, height, tagid, &block)
      content = capture(&block)
     concat %!
      <div id="#{tagid}" class="popup_tip" style="width:#{width}px;height:#{height}px">
      	<div class="popup_content" style="height:#{height-24}px">
      		#{content}
      	</div>
    </div>
      !, block.binding
    end


做lightbox时候，如果是另外一个页面的话，我用的是redbox，而在同一页面中的div做了好长时间也没做出来，要是单单一个div到也还好办，关键这个div还要用到本页面其他的数据，没办法在网上搜到了这段纯css控制的，挺不错的。
<html>
<head>
<title>LIGHTBOX EXAMPLE</title>
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid black;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
</head>
<body>
<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
<div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>
<div style="height:1090px"></div>
</body>
</html>

分享到：

Soap api调用加密算法 | 接收接口返回值

2013-02-20 15:10
浏览 756
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

help中定义弹出框

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

help中定义弹出框

评论

发表评论

相关推荐

git仓库创建

puma高并发

searchkick

导入线下excell业务数据按权重匹配线上数据

两对象同时映射一对一和一对多

ruby一些类加载方式

基于ruby的gem remotipart的异步上传文件

基于html2canvas的长图分享

rails处理上传读取excell&生成excell

基于ruby Mechanize的爬虫

一些常用加密方式

ruby 调用restful接口示例

rails错误日志记录

railsAPI接收Base64文件

ruby 调用savon接口示例

关于国际商城现货展示与购物车的费用设计

基于多线程的全局变量

hash最小值过滤算法

阿里云裸机部署rails运用

打包订单单据发给货代

最近访客更多访客>>