Rails、Scriptaculous、一个元素将另一个元素推开的效果

发布于 2024-08-23 13:46:39 字数 236 浏览 4 评论 0原文

我真的很喜欢新元素似乎将旧元素推开的视觉效果。最近很常见的事情。

这是一个静态示例。 http://github.com/

但是,我正在尝试使用最近更新的产品来做到这一点。如果可能的话,还想使用 scriptaculous 和在 Rails 上使用 ruby​​ 的periodic_call_remote。

I really like the visual effect where a new element seems to push an old element out of the way. Pretty common thing recently.

here is a static example.
http://github.com/

However, I'm trying to do it with recently updated products. Also would like to use scriptaculous if at all possible with periodically_call_remote using ruby on rails.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

只是偏爱你 2024-08-30 13:46:39

无需为您编写代码,您需要构建以下部分:

  • Rails 中返回新 html 的操作。这很可能会 render :partial
  • 一个 PrototypeJS Ajax.PeriodicalUpdater 来抓取 html,并使用更新程序的成功处理程序中的新项目更新 div
  • ,您希望简化新的操作elements in - 使用脚本效果将新的 html 显示到 div 中,将其他元素推开。 (不确定您想如何执行此操作 - 您可能必须移动现有元素以适应新元素,但要慢慢进行。我建议您让前两个项目符号起作用并且然后担心影响)。

没有特定需要使用periodic_call_remote,它完全可以通过不显眼的 JavaScript 来完成。

Without writing the code for you, here are the pieces you need to build:

  • an action in Rails that returns the new html. This will most likely render :partial
  • a PrototypeJS Ajax.PeriodicalUpdater to grab the html, and update the div with new items
  • in the updater's success handler, you want to ease the new elements in - use a scriptaculous effect to show the new html into the div, pushing the other elements out of the way. (not sure how you want to do this - you might have to move the existing elements down to accomodate the new ones, but do it slowly. I recommend you get the first two bullets working and then worry about the effects).

There's no specific need to use periodic_call_remote, it can be done entirely with unobtrusive javascript.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文