问题标签 [scriptaculous]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如何将 Prototype 和 jQuery 与 Scriptaculous 集成?
我一直在使用jQuery,我需要使用Script.aculo.us和Protoype。我尝试使用扩展另一个库的 jQuery 库。我使用以下语法定义它:
我的 jQuery 工作正常,我已经划分了三个模块。我需要将所有三个模块放在同一页面上。我知道使用所有三个不同的库效率不高,但我没有看到其他方法。
对于验证,我使用 jQuery 和Ajax(例如:validation.js)。
我的动画的其余部分使用 Prototype 和 Script.aculo.us(例如:animation.js)。
我已经分离了脚本文件。我的问题是,如果我的动画部分工作正常,那么 Ajax 部分就不能工作。如果 Ajax 部分正常工作,则验证不工作。我正在替换代码,但我仍然无法集成。
问题:
jQuery 是否提供了一种简单的方法来完成这项工作?
Prototype 和 Script.aculo.us 是否有不应该与 jQuery 冲突的程序?
javascript - 浮动栏javascript(原型或脚本)
我正在寻找一个随页面滚动的水平条,理想地在原型或脚本中实现。我希望它与向第一次使用 stackoverflow 的用户显示的栏完全一样,告诉他们常见问题解答。
iframe - 拖动时自动滚动 iframe 父级 (Prototype & Scriptaculous)
我在页面上有一个 iframe。iframe 根据加载的内容调整自身大小。所以,它不会有任何滚动条。
iframe 包含可拖动元素的列表(Prototype & Scriptaculous)。我必须将元素从底部拖动到顶部,反之亦然,并且在拖动时,父窗口应该相应地滚动。我已经相应地修改了 dragdrop.js 文件以基于“window.parent.window”元素滚动。结果是父窗口在拖动元素时自动从底部滚动到顶部,但反之则不然。
asp.net-ajax - 使用 Asp.net ajax 就地编辑
我正在寻找一种在我的网络表单应用程序上执行就地编辑的方法。这是使用 scriptaculous 的此行为的链接:http ://wiki.github.com/madrobby/scriptaculous/ajax-inplaceeditor )
我正在使用 .Net Ajax 工具包。
有谁知道我该怎么做???
谢谢,
尼古拉斯。
ruby-on-rails - 如何在 RubyOnRails 中使用“充当嵌套集”创建可排序接口
我一直在实现一些不错的交互式界面,可以在我的 m rails 应用程序中为使用acts_as_list
. 我有一个排序函数,在每次拖放后使用 sortable_element script.aculo.us 函数调用并设置每条记录的位置。
这是在拖放完成后处理排序的控制器操作示例:
acts_as_nested_set
现在我正在尝试对嵌套集 ( )的模型做同样的事情。界面交互类型示例: http: //script.aculo.us/playground/test/functional/sortable_tree_test.html
我被困在如何编写控制器操作以在拖放完成时处理排序。
到目前为止,我已将 :tree=>true 参数添加到可排序的 _element 函数中,该函数似乎发送了一个哈希列表,但似乎我仍然缺少有关整个嵌套顺序的信息......
我确定这之前已经完成并且不想尝试重新发明轮子,但我似乎找不到任何控制器操作的示例 <-> 视图与 js 函数设置来处理可排序 acts_as_nested_set
任何有关在 rubyonrails 中创建交互式可排序嵌套集的帮助将不胜感激!
谢谢,
约翰
javascript - jQuery 到原型转换:鼠标悬停时动态 SlideUp div
我使用这个 jQuery 代码在其包装 div 上动态滑动一个 div:
HTML是这样的:
“面具” div(CSS:高度:0;显示:无;位置:绝对;)在“拇指”包装 div(CSS:位置:相对;)内向上滑动。
我在同一页面中有很多“拇指” div,这就是为什么我需要动态完成它,所以只有特定“拇指”内的“面具”div 向上滑动(当鼠标没有结束时向下滑动) .
对于这个特定的项目,我已经从 jQuery 转移到 Prototype/Scriptaculous(不要问为什么 :-D),我需要将此代码转换为 Prototype/Scriptaculous ..
有人可以帮我吗?
注意:它不需要完全等于 jQuery 代码我只需要相同的行为风格。
javascript - 动态升级/替换原型库
我正在开发一个可以嵌入许多网站的调查邀请。为了展示邀请,我使用了Modalbox,这是一个在半透明覆盖层上显示动画模式框的 javascript 库。
这个 Modalbox 库依赖于 Prototype 和 script.aculo.us/effects 库。邀请将动态嵌入到我不拥有且无法静态修改其标记的网站中。
在加载时,我检查(在 JS 中)Prototype 是否加载如下:
一切都适用于大多数网站,因为它们通常不加载 Prototype.js 或 script.aculo.us。有一些网站可以加载它们,我不必加载它们,它又可以工作了。
但是......有些网站已经加载了它们但有旧版本(Modalbox 需要 Prototype 1.6.0 和 script.aculo.us 1.8.0),例如 1.4.0 / 1.5.1
如何在 Javascript 中动态卸载/替换原型和/或 script.aculo.us?是否可以?
javascript - 我可以在 Script.aculo.us 的重影中自定义克隆吗?
我在 Script.aculo.us 中有一个 Draggable。我想使用重影,它克隆被拖动的元素,所以你似乎在拖动元素的“重影”。
但是,此元素包含一个 iframe。当我开始拖动时,克隆的 iframe 会加载,这很烦人。我希望有机会从克隆中删除 iframe。我怎样才能做到这一点?
(只是为了使事情复杂化:原始和克隆似乎具有相同的 id,所以我不确定如何在不检查它们的样式的情况下将它们区分开,这似乎过于 hackish。)
javascript - 使用 Prototype.js 和 Scriptaculous.js 进行表单验证
我想仅使用 prototye.js 和 scriptaculous.js 在我的表单字段上应用电子邮件、电话号码等验证。有没有可用的教程?我不想使用 jquery、zapatec 等库。我只想使用两个文件 Prototype.js 和 Scriptaculous.js。
请帮忙。
javascript - 如何使用 Scriptaculous 的 Effect.Morph 关闭课程?
Scriptaculous 的 Effect.Morph 可以采用 CSS 类并在一段时间内应用它。我有一个 div 会在单击按钮时展开,因此它使用 Effect.Morph 来应用一个.expanded
类。
现在我想.expanded
在第二次单击时删除该类,再次关闭 div。我怎样才能调用 Effect.Morph 来做到这一点?