标签: scriptaculous

我正在使用JavaScript来隐藏图像并显示隐藏在其下的一些文本.但是,当文本显示时,如果你滚动它,它会触发容器上的mouseout事件,然后隐藏文本并再次显示图像,它只是进入一个奇怪的循环.

html看起来像这样:

<div onmouseover="jsHoverIn('1')"
     onmouseout="jsHoverOut('1')">
    <div id="image1" />
    <div id="text1" style="display: none;">
        <p>some content</p>
        <p>some more content</p>
    </div>
</div>

和javascript(它使用scriptaculous):

function jsHoverIn(id) {
  if(!visible[id]) {
    new Effect.Fade ("image" + id, {queue: { position: 'end', scope: id } });
    new Effect.Appear ("text" + id, {queue: { position: 'end', scope: id } });
    visible[id] = true;
  }
}
function jsHoverOut (id) {
  var scope = Effect.Queues.get(id);
  scope.each(function(effect) { effect.cancel(); });

  new Effect.Fade ("text" + id, {queue: { position: 'end', scope: id } …

我正在努力解决IE中Script.aculo.us Autocompleter控件的问题(我在IE6和7中尝试过).在加载页面后,第一个字符输入到文本框中时,建议无法显示.在初始失败之后,控件按预期工作.

我已经验证了建议数据是否正确地从服务器返回; 问题似乎与建议元素的定位有关,因为页面上的其他相对定位元素在您希望显示建议时移动到位置.

有没有人听说过这样的问题或有任何关于如何修复的建议？

编辑:为了回应Chris,我将partialChars参数设置为1,控件适用于我尝试的所有其他浏览器,这些是Firefox,Safari,Opera和Chrome的最新版本.我应该首先明确说清楚.谢谢.

我一直在实现一些很好的交互式界面,可以在m rails应用程序中为使用的模型对列表进行排序acts_as_list.我有一个sort函数被调用,并使用sortable_element script.aculo.us函数设置每个拖放后的每个记录的位置.

这是在拖放完成后处理排序的控制器操作的示例:

  def sort
    params[:documents].each_with_index do |id, index|
      Document.update_all(['position=?', index+1], ['id=?', id])
    end
  end

现在我正在尝试使用嵌套set(acts_as_nested_set)的模型做同样的事情.接口交互类型的一个示例:http://script.aculo.us/playground/test/functional/sortable_tree_test.html

我停留在如何编写控制器动作以处理拖放完成时的排序.

我已经将:tree => true参数添加到sortable _element函数到目前为止,它似乎发送了一个哈希列表,但似乎我仍然缺少有关整个嵌套订​​单的信息....

我确信之前已经完成并且不想尝试重新发明轮子,但我似乎无法找到控制器动作的任何示例< - >视图与js函数设置来处理可排序 acts_as_nested_set

任何有关在rubyonrails中创建交互式可排序嵌套集的帮助将不胜感激!

谢谢,

约翰

我是在路中间是否使用jQuery UI或Scriptaculous进行拖放.我正在使用Ruby on Rails,Ruby on Rails中的Scriptaculous支持非常出色scriptaculous_helper.rb.但我已经使用jQuery进行ajax和DOM操作.因为我们可以jQuery.noConflict()在代码中使用,所以我不介意使用scriptaculous .我也有点认为,基于在线演示,scriptaculous拖放比jQuery UI拖放更好.

那么回到最初的问题,你会推荐哪一个作为拖放库,你认为哪一个比另一个好？Scriptaculous或jQuery UI？

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

一个常见的例子看起来像这样：

var jo = eval(req.responseText);

var strTxt = '<span>' + jo.f_name + ' ' + jo.l_name + '</span><br/>' + 'Your Age Is: ' + jo.age + '<br/>'; 

$('myDiv').innerHTML = strTxt;

是否有更优雅（或更正确）的方式来处理 JSON 响应，以便我不会在 javascript 中硬编码 HTML？或者这就是人们的做法？

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

考虑以下 JavaScript 代码，使用动画库（即 scriptaculous）启动。

window.onbeforeunload = function(event) {
    document.body.fade();
}

离开页面是即时的，不需要等待动画完成。尽管我到处都在说 JS 不支持线程，但有些东西在这里并行运行，因为似乎一个不会等待另一个。我对线程的看法是否正确，有什么方法可以实现我在这里要做的事情吗？

你如何设置触摸事件到可拖动的类,以便它可以在iOS(iPad,iPhone等)上运行？我已经阅读了如何为触摸屏创建一个jQuery UI'draggable()'div draggable？,它有很多jQuery的选项,但不知道如何将其应用于Scriptaculous.任何帮助,将不胜感激.谢谢.

我有以下情况

• 一个rails应用程序,它使用rjs/Scriptaculous来提供AJAX功能
• 使用JQuery编写的很多很好的javascript(用于单独的应用程序)

我想结合这两者并在我的Rails应用程序中使用我的基于JQuery的功能,但我担心JQuery和Scriptaculous冲突(它们都定义了$()函数等).

将两者结合在一起的最简单方法是什么？谢谢!

我的页面上有一个指向包含<li />元素列表的页面的IFrame .该<li />元素是拖拽元素使用创建的是Scriptaculous库.

问题是如何拖动IFrame的元素OUT,并将它们放在包含IFrame的页面上？

是否有可用的库支持跨帧拖放？我不知道jQuery,但Scriptaculous肯定不支持这个.

Django已经更新到1.3,实际上从1.2.5开始,它已经扩展了该方案,以将Cross Site Request Forgery保护令牌传递给XMLHttpRequests.Django人员有助于为jQuery提供一个示例,以便将特定标头应用于每个XHR.

原型(以及Scriptaculous)必须遵守这个方案,但我找不到一种方法来告诉原型添加X-CSRFToken标头.最好的方法是在应用程序中应用它(如jQuery).

有没有办法做到这一点？