`
222xiaohuan
  • 浏览: 53193 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
社区版块
存档分类
最新评论

redbox插件的使用

    博客分类:
  • ROR
阅读更多
实现之后效果类似:http://www.craigambrose.com/redbox_demo

1,安装redbox,如安装不成功可以通过svn直接到ruby服务器上checkout下来。
命令行进入相应工程目录执行:ruby script/plugin install svn://rubyforge.org/var/svn/ambroseplugins/redbox

2,将插件下的redbox.js和redbox.css分别拷到工程public下相应的目录中。(最后可以根据页面的显示需要更改或添加css样式)

3,在需要使用redbox的页面引入以下文件:
<%= stylesheet_link_tag 'redbox' %>
<%= javascript_include_tag :defaults %>
<%= javascript_include_tag 'redbox' %>

4,主页面
<%= link_to_remote_redbox "编辑", :url => "/blog_comments/#{comment.id}/edit",:method => :get %> 

添加对应的edit控制器方法以及编辑页面。

取消可以用:
 <%= link_to_close_redbox "取消" %>

也可以自定义取消方法。







分享到:
评论
15 楼 mathsfan 2009-01-29  
不喜欢,还不如自己写...
14 楼 曾经地迷茫 2009-01-16  
推荐使用 jQuery thickbox-------------------------------
http://jquery.com/demo/thickbox/----------------
http://yy272044275-126-com.iteye.com/blog/310341
13 楼 222xiaohuan 2008-12-22  
yangzhihuan 写道

个人以为lightwindow更胜一筹 地址:http://www.stickmanlabs.com/lightwindow/

这个也很好。可惜我还不会用呢。
12 楼 yangzhihuan 2008-12-22  
个人以为lightwindow更胜一筹
地址:http://www.stickmanlabs.com/lightwindow/
11 楼 PBFox 2008-12-21  
222xiaohuan 写道
PBFox 写道

222xiaohuan 写道

PBFox 写道
好是好,但是在IE下面容易出现一些问题。 比如会出现什么问题呢?在他主页下面的讨论中有,你可以去看一看。我在用的过程中遇到的问题主要是表现在遮罩层上

如果是显示的问题可以用div+css解决的。

恩。是的。需要去修改他的源码。
10 楼 222xiaohuan 2008-12-19  
PBFox 写道

222xiaohuan 写道

PBFox 写道
好是好,但是在IE下面容易出现一些问题。 比如会出现什么问题呢?在他主页下面的讨论中有,你可以去看一看。我在用的过程中遇到的问题主要是表现在遮罩层上

如果是显示的问题可以用div+css解决的。
9 楼 PBFox 2008-12-19  
222xiaohuan 写道
PBFox 写道

好是好,但是在IE下面容易出现一些问题。

比如会出现什么问题呢?


在他主页下面的讨论中有,你可以去看一看。我在用的过程中遇到的问题主要是表现在遮罩层上
8 楼 dd_ror 2008-12-18  
说到他WINDOWS的一些问题
个人感觉还好啊
如果这些东西都要等到成熟的时候才去弄的话...
其他人应该都帮我们弄完了..
7 楼 dd_ror 2008-12-18  
http://prototype-window.xilinus.com/
是有点像
寒假闭观吧..
6 楼 222xiaohuan 2008-12-18  
dd_ror 写道

如果是这样的话&nbsp; 推荐用prototype_win 然后把他做成插件 这个效果很不错 我在考虑制作中

??prototype_win这个是什么东西子,我还没听说过呢  你是不是想自己写插件的呀?
5 楼 222xiaohuan 2008-12-18  
PBFox 写道

好是好,但是在IE下面容易出现一些问题。

比如会出现什么问题呢?
4 楼 PBFox 2008-12-18  
好是好,但是在IE下面容易出现一些问题。
3 楼 dd_ror 2008-12-18  
如果是这样的话  推荐用prototype_win
然后把他做成插件
这个效果很不错
我在考虑制作中
2 楼 222xiaohuan 2008-12-18  
qichunren 写道

很不错的工具,我感觉我自己写的js不好看。

能写出来就已经很好了,我还不会用js写呢
1 楼 qichunren 2008-12-18  
很不错的工具,我感觉我自己写的js不好看。

相关推荐

    桌面办公管理软件RedBox Organizer v5.0

    除了基本功能,RedBox Organizer v5.0的绿色汉化版意味着它无需安装,可以直接运行,而且已经过汉化处理,更适合中文用户使用。这意味着中国用户不必担心语言障碍,可以更加便捷地利用软件的各项功能。 安全性也是...

    redbox-react:一个redbox(rsod)组件,用于显示您JavaScript错误

    您可能不应该在3.0.0发布之前使用它。 或手动: import RedBox from 'redbox-react' const e = new Error ( 'boom' ) const box = &lt; RedBox xss=removed&gt; 这是一个更有用的完整示例: /* global __DEV__ */ ...

    redbox-api:Redbox 的 JS API

    redbox-api JS API 进入 安装 $ npm install --save redbox-api 用法 var redboxApi = require ( 'redbox-api' ) ;... 使用整理和测试您的代码。 执照 版权所有 (c) 2015 Ryan Dunckel。 在 MIT 许可下获得许可。

    plugin-transaction-curation-redbox-1.4.zip

    标题中的"plugin-transaction-curation-redbox-1.4.zip"指示这可能是一个与事务处理和错误调试相关的插件,版本号为1.4。在IT行业中,"Redbox"通常指的是一个用于捕获和记录应用程序错误的工具,特别是在分布式系统...

    redbox-protractor-tests:针对公共 Redbox 站点运行的量角器演示

    Protractor可以与各种报告插件集成,如Jasmine HTML reporter或Cucumber JSON reporter。 9. **持续集成**:为了确保每次代码更改后都能运行这些测试,项目可能已经集成了持续集成(CI)服务,如Jenkins、Travis CI...

    Redbox-News:学生项目

    红盒新闻 学生项目 在Windows上安装: python -m pip install -r requirements.txt 在文件夹中打开cmd: SET FLASK_APP =。 SET FLASK_ENV =开发 python -m flask运行

    redbox-portal

    目前,澳大利亚的12所大学都在使用它。 ReDBox支持澳大利亚研究界描述和共享有关研究数据收集的信息。 它协助数据保管人满足机构数据管理政策,应用《的要求,并发布到(RDA),该数据由(ARDC)维护的国家研究数据...

    哪个记录:用于检查ReDBox v2的脚本

    6. **自动化**:将这个脚本设置为定时运行,可以使用Python的`schedule`库或操作系统级别的计划任务功能,确保定期检查ReDBox v2的状态。 7. **命令行接口**:为了让脚本更易于使用,可以添加命令行参数处理,例如...

    redbox-admin

    请使用这个。 对于手动部署,请参阅 转速 如果您对 RPM 感兴趣,请参阅下面的链接。 请注意,根据您的项目要求,RPM 可能足够也可能不够。 通过 RPM 安装时,可以通过service redbox-admin [cmd]控制应用程序。 ...

    redbox-mashup:显示您所在位置10英里内评分最高的10部电影

    红盒混搭是一个基于Python的项目,它能够根据用户所在位置,在方圆10英里的范围内,查找并显示Redbox信息亭中评分最高的50部电影。这个应用巧妙地结合了地图服务、电影数据和地理位置API,为用户提供了一个方便快捷...

    redbox-language-editor:电子表格的GUI语言编辑器

    ReDBox语言编辑器 该项目是通过引导的。 该项目通过GitHub Actions自动将其自身部署到GitHub Pages,以托管在 。 特征 导入2列键值电子表格或CSV语言文件 当检测到HTML时自动启用TinyMCE可视WYSIWYG编辑器,或在...

    尝试使用reactnative构建网易新闻客户端中的金币商城

    9. **平台特定功能**:如果需要接入特定平台的功能,如iOS的Push Notifications或Android的权限管理,可以使用Platform API或社区插件如react-native-push-notification。 10. **测试**:确保应用的质量,可以使用...

    帆钩红色盒子-uts

    用于安装uts定制的插件。 在redbox-portal上的开发 添加到package.json " @uts-eresearch/sails-hook-redbox-uts " : " file:../hooks/sails-hook-redbox-uts " , 或通过github安装 npm install --save ...

    pinkbox-react:定制的redbox(rsod)组件以显示您的错误

    就像原始的redbox-react一样 ( 或 ) 和 (请参阅 ) 或手动: const PinkBox = require ( 'pinkbox-react' )const e = new Error ( 'boom' )const box = &lt; PinkBox xss=removed&gt; 这是一个更有用的完整示例: /* ...

    marble-redbox

    Red Box使用以下库: (包含在Gatsby中) 有用的命令: yarn clean -删除缓存的内容和设置。 如果您对根目录中的任何gatsby-*.js文件进行了更改,则可能要运行它。 yarn develop development-在启动实时开发...

    loginFocus-crx插件

    如果您有要提交包含的网站,请在“支持”选项卡上使用登录URL发表评论。 请注意,在更新此扩展程序时,您可能需要接受它所需的新权限,然后才能启用该扩展程序,因为新版本的loginFocus通常会增加对更多网站的支持。...

    IEC_62439-3_FDIS_HK_120223.pdf

    网络的设计可以使用双附件节点(DANP)结构或单附件节点(DANH)结构。 ##### 1.2 PRP节点的附加 PRP节点可以根据需要设计为单附件节点或双附件节点,并且它们之间应保持兼容性。 ##### 1.3 PRP的网络管理 PRP支持...

    好的 CSS 命名规范可以节约 Debug 时间

    使用连字符(’-‘)分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式: var redBox = document.getElementById('...') 但是在 CSS 中不建议使用这种命名方式: .redBox { border:1px纯红色; } ...

    REACT NATIVE大型项目通用化架构.zip

    此外,优化方面,可以使用React Native的PureComponent、shouldComponentUpdate等生命周期方法减少不必要的渲染,或者使用Babel插件如babel-plugin-react-native-paper来优化资源加载。 七、测试与自动化 自动化...

    精品报告系列-2017年洞察趣萌晒图人群,紧跟场景营销报告.pdf

    2. 场景化营销机会:由于趣萌晒图人群喜欢在线上分享后,还希望将照片打印出来,这为商场内设置的照片打印服务(如Redbox)带来了营销机会。这些服务能够有效吸引高学历的年轻用户群体,其中72.8%的用户具有本科及...

Global site tag (gtag.js) - Google Analytics