问题标签 [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.

0 投票
2 回答
1386 浏览

javascript - IE中的Script.aculo.us Sortable onUpdate问题

我正在开发一个使用 script.aculo.us 可排序对象的项目。

它在 Firefox 和 Chrome 中运行良好且快速,但在 IE 中,每当我删除一个元素时,它的速度非常慢。

我做了一些检查,结果发现在 IE 中,“onUpdate”回调函数在每次下降时都会被调用大约 8 次。通常,每个可分类容器(目的地和来源)应该只调用一次。

由于我的回调函数会调整一些元素的大小并在这些元素中绘制图形,因此每次调用所涉及的计算量相当可观。

有谁知道在 IE 中可能导致此问题的原因,或如何解决?

编辑:我注意到问题不在于它在拖动时触发了很多次,问题在于onUpdate当可排序的顺序发生变化时该函数被触发,即使拖动还没有结束。似乎它onUpdate实际上像onChange回调一样工作,但只有 IE。

0 投票
2 回答
3594 浏览

java - JSF RichFaces 和双滑块

我在richfaces 中看到有一个滑块,想知道是否有人为它创建了一个像Scriptaculous 中那样的双滑块。

在应用程序中混合 JSF、Richfaces 和 Scriptaculous 是否有任何顾虑?

0 投票
3 回答
1741 浏览

iframe - iFrame 导致 IE7 中的脚本拖拽问题(包括完整代码)?

当我在 IE7 中的 iframe 上拖动可拖动 div 内的链接时,我得到了非常奇怪的结果。试试下面的代码,如果你对如何解决这个问题有任何建议,请告诉我。

0 投票
3 回答
2241 浏览

javascript - 没有溢出的可滚动div:自动?

在我的应用程序中,我有 2 个 div,其中一个有很长的产品列表,可以拖到另一个 div(购物车)中。产品 div 有溢出,但它破坏了原型可拖动元素。原型黑客非常突兀,并不与所有浏览器兼容。

所以我采取了不同的方法,是否可以在不使用 CSS 的情况下拥有一个可滚动的 div overflow:auto

0 投票
3 回答
1970 浏览

yui - 一起使用 YUI 和原型

我想将日历控件添加到已经包含 Prototype 和 Scriptaculous 的页面。对我能找到的任何原型都不满意,我正在考虑使用 YUI 日历小部件。

我这可能会导致什么问题?

0 投票
1 回答
1616 浏览

javascript - 垂直缩放 div 直到显示所有内容?

我有一个设置高度为 200 的 div,有时里面有足够的内容必须滚动。有什么方法可以缩放/增长 div 直到 Scriptaculous 中没有溢出?

编辑:我查看了 wiki,尤其是 Effect.Scale(这似乎是我想要的),但我找不到一种方法来做我想做的事。

0 投票
5 回答
71703 浏览

javascript - 如何在 DIV 标签上使用 javascript onclick 来切换包含可点击链接的部分的可见性?

嗨,我有一个 DIV 部分,最初只有其标题可见。我想要实现的是,当访问者单击 div 区域上的任意位置时,toggle_sectiontoggle_stuff在可见/隐藏之间切换。

但是,按照现在的设置方式,如果我在<a>中有任何链接toggle_section,单击该链接也将执行 onclick 事件。

那么我的问题是设置这种行为的最佳方法是什么?

0 投票
1 回答
963 浏览

prototypejs - 获取一个属性id,设置为另一个属性id

我目前正在使用 scriptaculous 和原型将元素从一个 div 拖放到另一个,并根据所删除元素的“src”附加一个新元素,从而创建一个新的可拖动元素。

我需要做的是在创建后将已删除元素的 id 分配给新元素。

我尝试了很多不同的方法,这是最新的:

...

显然我有点新手,想象一下我现在已经很远了。感谢任何帮助。

0 投票
4 回答
2889 浏览

ajax - 如何优雅地处理来自 Ajax 请求的响应中的 JSON 对象?

我对使用 JSON 处理我的 Ajax 请求和响应周期真的很陌生。我之前只使用了作为 POST 数据传递的普通旧参数,并且我在响应中呈现了直接的 HTML,然后将其放入 DOM 中。当我查看了各种示例并阅读了各种教程时,从 JSON 对象与 HTML 混合构建一个字符串似乎是一种相当普遍的做法,该 HTML 已被硬编码到字符串中,然后将字符串作为 innerHTML 分配给某个元素.

一个常见的示例如下所示:

是否有更优雅(或更正确)的方式来处理 JSON 响应,这样我就不会在 javascript 中对 HTML 进行硬编码?或者这几乎是人们的做法?

PS 链接到教程或其他来源表示赞赏。

0 投票
6 回答
5257 浏览

javascript - scriptaculous draggables:拖动元素时需要取消onClick动作

感谢三个出色的答案,它们都确定了我使用“onclick = ...”而不是“observe(“click”,...”)的问题

但是,Accepted Answer 的奖项必须授予 Paolo Bergantino,因为它使用了添加类名来标记拖动元素的机制,这为我节省了更多的工作!


在我的 HTML 中,我有一个表格,每行都有一个图像链接。

包含的 Javascript 文件包含使图像可拖动的代码:

和一个简单的处理程序来检测拖动的结束

我的想法是,当单击图像时,应该遵循链接,但是当它被拖动时,应该会发生其他事情。

事实上,当图像被拖动时,处理程序被调用,但链接仍然被跟踪。

我想我取消了错误的活动。

拖动元素后如何防止链接被跟踪?


编辑:event.stop在尝试了 graystate 的建议后添加


我现在有一个适用于 FireFox、Apache 等的基本解决方案。请参阅下面我自己的答案。

但我仍在寻找 IE7(希望是 IE6)的解决方案。

在 IE 中拖动图像的另一个问题是,当工具提示出现时,图像与鼠标指针分离,您必须释放鼠标并再次单击图像才能重新获得拖动。所以我也在寻找任何可能有助于解决这个问题的想法。