`
222xiaohuan
  • 浏览: 50654 次
  • 性别: 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 许可下获得许可。

    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-admin

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

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

    红盒量角器测试 针对公共 Redbox 站点运行的量角器演示

    plugin-transaction-curation-redbox-1.4.zip

    time.zip,time server和clienta daytime server和client for java

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

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

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

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

    帆钩红色盒子-uts

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

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

    红盒混搭显示您所在位置10英里内Redbox信息亭中收视率最高的50部电影

    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通常会增加对更多网站的支持。...

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

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

    Android代码-ToneDef

    &gt;ToneDef is a small, but powerful tone dialer application for Android featuring DTMF, bluebox, and redbox tone generation. Use the keypad, enter a predefined sequence, or select an entry from your ...

    siki.lua:通过love2d用lua编写的框架hitbox工具

    siki.lua 一个hitbox... OPPONENT Hurtbox 又名 GreenBox 如果 OPPONENT 的碰撞盒接触到 OWNER 的伤害盒,OWNER 就会受伤Hitbox 又名 RedBox 如果 OPPONENT 的伤害盒碰到 OWNER 的伤害盒,则 OPPONENT 会受伤白盒又名

    推箱子-C++课程设计(源码)

    #include "stdafx.h" #include "skyblue_BoxMan.h" #include "BoxMan.h" ...#define MAP_REDBOX 53 //'5' 安放好的箱子 #define MAP_MANWALL 54 //'6' 人在通道区域 #define MAP_MANBALL 55 //'7' 人在目的点区域

    红盒-测试套件

    可以使用composer安装该软件包。 composer require redbox/tracker 用法 use Redbox \ Testsuite \ Test ; use Redbox \ Testsuite \ TestSuite ; /** * JUST A SPEC DEMO FOR MY SELF */ class SingleTest ...

Global site tag (gtag.js) - Google Analytics