`
ttitfly
  • 浏览: 623994 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

greybox 在 Rails里应用

阅读更多

1.下载地址

http://orangoo.com/labs/GreyBox/

2 .把下载后的greybox下的greybox目录拷贝到Rails项目里的public目录下

3. 在rhtml里添加

js 代码
  1. < script type="text/javascript" >   
  2.     var GB_ROOT_DIR = "/greybox/";   
  3. < /script >   
  4. < script type="text/javascript" src="greybox/AJS.js" >< /script >   
  5. < script type="text/javascript" src="greybox/AJS_fx.js" >< /script >   
  6. < script type="text/javascript" src="greybox/gb_scripts.js" >< /script >   
  7. <  link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" /  >   
 

4. 以圈子里加入某个圈子为例:

java 代码
  1. <  a  href="#" onclick="loading('/group_users/create?group_id=< % = @top1.id% >&amp;group_name=< % =u(@top1.group_name) % >&amp;group_type= < %=@top1.group_type% >' )"    >加入该小组<  /  a  >  

 

当点击“加入该小组”后执行controller:

对应controller代码:

 

ruby 代码
  1. def create   
  2.     #获取参数值   
  3.     group_id =  params[:group_id]   
  4.     group_name = params[:group_name]   
  5.     group_type = params[:group_type]   
  6.     username = session[:user].name   
  7.     #如果不该小组里没有该用户,则添加   
  8.     isExist = GroupUser.find(:first,:conditions =>[" group_id=? and username=?",group_id,username])   
  9.   
  10.     if(isExist == nil)   
  11.          group_user = GroupUser.new  
  12.          group_user.group_id = group_id   
  13.          group_user.group_name = group_name   
  14.          group_user.username = username   
  15.          group_user.group_user_add_time = Time.now   
  16.         if(group_user.save)   
  17.             if(group_type.to_i == 1)   
  18.                render(:text=>"加入小组成功,你现在是小组的一员了。
    )   
  19.             elsif  
  20.                render(:text=>"申请加入小组成功,请等待该小组管理员批准。
    )   
  21.             end  
  22.         end  
  23.     elsif  
  24.          if(group_type == 1)   
  25.                 render(:text=>"你以经加入该小组,不能重复加入:)

    )   
  26.          elsif  
  27.                render(:text=>"你已经在该小组申请过,请耐心等待该小组管理员批准。
    )   
  28.          end  
  29.     end  
  30.   end  

5.当点击“加入该小组”,后就会根据你写的样式,弹出个对话框来返回给你提示信息。点击“确定”按钮后,改对话框消失

分享到:
评论

相关推荐

    greybox

    "Greybox"是一种在网页设计和开发中常用的轻量级弹出框插件,它相比“Lightbox”具有更多的实用性和灵活性。Lightbox是早期流行的一种图片预览技术,通过在网页上创建一个半透明的黑色背景,使用户能够专注于显示在...

    弹出层_GreyBox

    《弹出层GreyBox:深度解析与应用》 在网页设计和开发中,弹出层是一种常见的交互元素,用于展示信息、提供用户交互或者进行页面间的导航。GreyBox是一款经典的弹出层插件,它以其简洁的设计和强大的功能赢得了...

    谷歌开源框架GreyBox

    在实际应用中,GreyBox通常与其他前端技术结合使用,例如jQuery或Prototype等JavaScript库,以增强其功能和兼容性。通过这些库,开发者可以更方便地控制GreyBox的行为,例如添加自定义事件、实现更复杂的动画效果等...

    greybox学习实例

    Greybox是一种JavaScript库,它允许网页在不重新加载整个页面的情况下打开新的窗口或对话框,同时将背景变暗,提供一种沉浸式的用户体验。这种技术在网页设计中特别有用,因为它可以提高交互性和用户界面的流畅性。 ...

    greybox在Iframe的父窗口弹出

    本文将详细解析greybox在Iframe的父窗口弹出的原理及其应用。 首先,理解greybox是什么至关重要。Greybox是一种JavaScript库,它允许在网页中以模态对话框的方式展示内容,提供了一种优雅的遮罩层效果,使得用户...

    greybox.zip_greybox

    下面我们将详细探讨 Greybox.js 的工作原理、使用方法以及其在实际项目中的应用。 首先,Greybox.js 的核心功能是将网页内容或者外部资源(如图片、HTML 文件、IFrame)在一个独立的、可调整大小的窗口中显示,这个...

    greybox.rar_greybox

    在IT领域,网页交互体验是至关重要的一环,而Lightbox、Thickbox和Greybox都是JavaScript库中的经典组件,用于创建优雅的弹出窗口效果,主要用于展示图片、视频、HTML内容或者任何其他需要以浮动层形式呈现的信息。...

    GreyBox Ajax无刷新弹出层插件 v5.5

    GreyBox Ajax无刷新弹出层插件是一款在Web开发中常用的工具,主要用于提供无刷新的用户体验,让用户在不离开当前页面的情况下与服务器进行交互。在ASP.NET框架下,这种插件能够极大地提升网站的交互性和用户满意度。...

    Greybox 弹出窗口

    在实际应用中,开发人员可能需要考虑以下方面来优化 Greybox 的使用: 1. 兼容性测试:确保 Greybox 在不同的浏览器和设备上都能正常工作。 2. 内容适应:根据弹出内容的大小调整窗口大小,使其适应不同类型的媒体。...

    greybox 弹出各种遮罩层

    在实际应用中,使用GreyBox需要了解以下几个关键知识点: 1. **HTML 结构**:理解如何在HTML中添加触发GreyBox的链接或按钮,以及如何定义要显示的内容。 2. **CSS 定制**:学习如何通过修改CSS来改变遮罩层的样式...

    js模式窗体-greybox

    轻量级类库,带图片总共20k,使用简单,包含demo

    greybox框架

    Greybox测试尤其适用于那些源代码不可用或者难以访问的情况,例如在测试第三方组件或者网页应用程序时。 在实际应用中,Greybox框架通常包括以下几个步骤: 1. **了解系统**:获取关于软件架构和实现的一些基本...

    ajax_GreyBox_v5_5的DEMO

    6. **示例丰富**:DEMO中的例子展示了如何在实际项目中应用Ajax GreyBox v5.5,帮助开发者快速理解和上手。 **应用场景** Ajax GreyBox v5.5常用于需要在不刷新页面的情况下展示更多信息或执行操作的场景,如: -...

    Express JTAG How_Help!_greybox_

    Greybox测试在JTAG环境中的应用可能包括: 1. **故障定位**:通过访问设备的内部状态,测试人员可以确定代码的哪一部分可能导致错误,而无需完全理解代码的内部工作原理。 2. **固件更新**:JTAG接口可以用于向目标...

    GreyBox_v5_53.rar

    6. **API监控**:对于系统级或网络应用,GreyBox_v5_53可能包含API监控功能,这有助于理解应用程序如何与其他系统组件交互,以及可能存在的问题。 7. **兼容性测试**:作为一个全面的测试工具,GreyBox_v5_53可能...

    greybox問題

    注释部分的代码可能是为了处理某些特殊情况下的数据存储,但在实际应用中已被简化为总是返回`true`,这意味着默认情况下允许在任何类型的DOM元素上存储数据。 #### 兼容性问题分析 Greybox在设计时可能依赖了jQuery...

    仿QQ空间相片展示GreyBox

    这个项目提供了一个实例,展示了如何在ASP.NET环境中结合GreyBox和DataList实现类似QQ空间的照片展示效果。通过阅读代码和调试,你可以了解到如何将这些技术整合到自己的项目中,提升用户体验。 总的来说,这个示例...

    greybox封装为一个控件

    Greybox除了可以用於圖片和網頁外、連 flash、影片都可以顯示在 Lightbox 彈出的方框裡面。 于项目要用到弹出窗口,或者叫做模拟窗口,这段时间就研究了下,解决方案很多,比如,window.open();window.showDialog();...

    AJAX--greybox,thickbox,Lightbox代码实例

    在网页应用中,AJAX 可以创建更快、更互动的用户界面,减少用户的等待时间,提供更加流畅的浏览体验。 Greybox、Thickbox 和 Lightbox 是三种流行的弹出式窗口插件,它们都是基于AJAX技术来实现的,用于在页面上...

    IE6中greybox弹出问题

    标题“IE6中greybox弹出问题”提示我们,这个问题是关于greybox插件在IE6上无法正常工作的。Greybox是一种JavaScript库,它允许在当前页面上以模态对话框的形式打开新的窗口或内容,而不会让用户离开当前页面。在...

Global site tag (gtag.js) - Google Analytics