1.下载地址
http://orangoo.com/labs/GreyBox/
2 .把下载后的greybox下的greybox目录拷贝到Rails项目里的public目录下
3. 在rhtml里添加
js 代码
- < script type="text/javascript" >
- var GB_ROOT_DIR = "/greybox/";
- < /script >
- < script type="text/javascript" src="greybox/AJS.js" >< /script >
- < script type="text/javascript" src="greybox/AJS_fx.js" >< /script >
- < script type="text/javascript" src="greybox/gb_scripts.js" >< /script >
- < link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" / >
4. 以圈子里加入某个圈子为例:
java 代码
- < a href="#" onclick="loading('/group_users/create?group_id=< % = @top1.id% >&group_name=< % =u(@top1.group_name) % >&group_type= < %=@top1.group_type% >' )" >加入该小组< / a >
当点击“加入该小组”后执行controller:
对应controller代码:
ruby 代码
- def create
-
- group_id = params[:group_id]
- group_name = params[:group_name]
- group_type = params[:group_type]
- username = session[:user].name
-
- isExist = GroupUser.find(:first,:conditions =>[" group_id=? and username=?",group_id,username])
-
- if(isExist == nil)
- group_user = GroupUser.new
- group_user.group_id = group_id
- group_user.group_name = group_name
- group_user.username = username
- group_user.group_user_add_time = Time.now
- if(group_user.save)
- if(group_type.to_i == 1)
- render(:text=>"加入小组成功,你现在是小组的一员了。
)
- elsif
- render(:text=>"申请加入小组成功,请等待该小组管理员批准。
)
- end
- end
- elsif
- if(group_type == 1)
- render(:text=>"你以经加入该小组,不能重复加入:)
)
- elsif
- render(:text=>"你已经在该小组申请过,请耐心等待该小组管理员批准。
)
- end
- end
- end
5.当点击“加入该小组”,后就会根据你写的样式,弹出个对话框来返回给你提示信息。点击“确定”按钮后,改对话框消失
分享到:
相关推荐
"Greybox"是一种在网页设计和开发中常用的轻量级弹出框插件,它相比“Lightbox”具有更多的实用性和灵活性。Lightbox是早期流行的一种图片预览技术,通过在网页上创建一个半透明的黑色背景,使用户能够专注于显示在...
《弹出层GreyBox:深度解析与应用》 在网页设计和开发中,弹出层是一种常见的交互元素,用于展示信息、提供用户交互或者进行页面间的导航。GreyBox是一款经典的弹出层插件,它以其简洁的设计和强大的功能赢得了...
在实际应用中,GreyBox通常与其他前端技术结合使用,例如jQuery或Prototype等JavaScript库,以增强其功能和兼容性。通过这些库,开发者可以更方便地控制GreyBox的行为,例如添加自定义事件、实现更复杂的动画效果等...
Greybox是一种JavaScript库,它允许网页在不重新加载整个页面的情况下打开新的窗口或对话框,同时将背景变暗,提供一种沉浸式的用户体验。这种技术在网页设计中特别有用,因为它可以提高交互性和用户界面的流畅性。 ...
本文将详细解析greybox在Iframe的父窗口弹出的原理及其应用。 首先,理解greybox是什么至关重要。Greybox是一种JavaScript库,它允许在网页中以模态对话框的方式展示内容,提供了一种优雅的遮罩层效果,使得用户...
下面我们将详细探讨 Greybox.js 的工作原理、使用方法以及其在实际项目中的应用。 首先,Greybox.js 的核心功能是将网页内容或者外部资源(如图片、HTML 文件、IFrame)在一个独立的、可调整大小的窗口中显示,这个...
在IT领域,网页交互体验是至关重要的一环,而Lightbox、Thickbox和Greybox都是JavaScript库中的经典组件,用于创建优雅的弹出窗口效果,主要用于展示图片、视频、HTML内容或者任何其他需要以浮动层形式呈现的信息。...
GreyBox Ajax无刷新弹出层插件是一款在Web开发中常用的工具,主要用于提供无刷新的用户体验,让用户在不离开当前页面的情况下与服务器进行交互。在ASP.NET框架下,这种插件能够极大地提升网站的交互性和用户满意度。...
在实际应用中,开发人员可能需要考虑以下方面来优化 Greybox 的使用: 1. 兼容性测试:确保 Greybox 在不同的浏览器和设备上都能正常工作。 2. 内容适应:根据弹出内容的大小调整窗口大小,使其适应不同类型的媒体。...
在实际应用中,使用GreyBox需要了解以下几个关键知识点: 1. **HTML 结构**:理解如何在HTML中添加触发GreyBox的链接或按钮,以及如何定义要显示的内容。 2. **CSS 定制**:学习如何通过修改CSS来改变遮罩层的样式...
轻量级类库,带图片总共20k,使用简单,包含demo
Greybox测试尤其适用于那些源代码不可用或者难以访问的情况,例如在测试第三方组件或者网页应用程序时。 在实际应用中,Greybox框架通常包括以下几个步骤: 1. **了解系统**:获取关于软件架构和实现的一些基本...
6. **示例丰富**:DEMO中的例子展示了如何在实际项目中应用Ajax GreyBox v5.5,帮助开发者快速理解和上手。 **应用场景** Ajax GreyBox v5.5常用于需要在不刷新页面的情况下展示更多信息或执行操作的场景,如: -...
Greybox测试在JTAG环境中的应用可能包括: 1. **故障定位**:通过访问设备的内部状态,测试人员可以确定代码的哪一部分可能导致错误,而无需完全理解代码的内部工作原理。 2. **固件更新**:JTAG接口可以用于向目标...
6. **API监控**:对于系统级或网络应用,GreyBox_v5_53可能包含API监控功能,这有助于理解应用程序如何与其他系统组件交互,以及可能存在的问题。 7. **兼容性测试**:作为一个全面的测试工具,GreyBox_v5_53可能...
注释部分的代码可能是为了处理某些特殊情况下的数据存储,但在实际应用中已被简化为总是返回`true`,这意味着默认情况下允许在任何类型的DOM元素上存储数据。 #### 兼容性问题分析 Greybox在设计时可能依赖了jQuery...
这个项目提供了一个实例,展示了如何在ASP.NET环境中结合GreyBox和DataList实现类似QQ空间的照片展示效果。通过阅读代码和调试,你可以了解到如何将这些技术整合到自己的项目中,提升用户体验。 总的来说,这个示例...
Greybox除了可以用於圖片和網頁外、連 flash、影片都可以顯示在 Lightbox 彈出的方框裡面。 于项目要用到弹出窗口,或者叫做模拟窗口,这段时间就研究了下,解决方案很多,比如,window.open();window.showDialog();...
在网页应用中,AJAX 可以创建更快、更互动的用户界面,减少用户的等待时间,提供更加流畅的浏览体验。 Greybox、Thickbox 和 Lightbox 是三种流行的弹出式窗口插件,它们都是基于AJAX技术来实现的,用于在页面上...
标题“IE6中greybox弹出问题”提示我们,这个问题是关于greybox插件在IE6上无法正常工作的。Greybox是一种JavaScript库,它允许在当前页面上以模态对话框的形式打开新的窗口或内容,而不会让用户离开当前页面。在...