标签: scriptaculous

我已经看到Scriptaculous.js文件动态包含其所需的javascript文件.有没有更好的方法来动态包含JavaScript.

例如,我想包括我的js文件,如,

<script src="single.js?files=first.js,second.js,third.js..."></script>

我怎样才能以有效的方式做到这一点？

有没有人知道相当于explicitOriginalTarget事件参数的crossbrowser？此参数是特定于Mozilla的,它为我提供了导致模糊的元素.假设我的页面上有文本输入和链接.文本输入具有焦点.如果我点击链接,文本输入的模糊事件通过explicitOriginalTarget参数为我提供了Firefox中的链接元素.

我正在扩展Autocompleter.Base的onBlur方法,以便在搜索字段失去对给定元素的焦点时不隐藏搜索结果.默认情况下,如果搜索字段失去对任何元素的焦点,则onBlur方法会隐藏.

Autocompleter.Base.prototype.onBlur = Autocompleter.Base.prototype.onBlur.wrap(
function(origfunc, ev) {
    var newTargetElement = (ev.explicitOriginalTarget.nodeType == 3 ? ev.explicitOriginalTarget.parentNode: ev.explicitOriginalTarget); // FIX: This works only in firefox because of event's explicitOriginalTarget property
    var callOriginalFunction = true;
    for (i = 0; i < obj.options.validEventElements.length; i++) {
        if ($(obj.options.validEventElements[i])) {
            if (newTargetElement.descendantOf($(obj.options.validEventElements[i])) == true || newTargetElement == $(obj.options.validEventElements[i])) {
                callOriginalFunction = false;
                break;
            }
        }
    }
    if (callOriginalFunction) {
        return origFunc(ev);
    }
}
);


new Ajax.Autocompleter("search-field", "search-results", 'getresults.php', { validEventElements: ['search-field','result-count'] });

谢谢.

哪个更适合UI开发.两个UI工具包之间有什么区别吗？

有没有办法同时使用jquery和scriptaculous js文件？

我试图实现cakephp框架的自动完成功能,该功能需要js文件,prototype.js,scriptaculous.js,effects.js和controls.js.

我还在我的应用程序中使用JQuery函数,它需要jquery.js文件.

如果我包含jquery.js文件,则自动完成功能不起作用.但我还需要jquery.js文件来实现我的jquery函数.

那么是否有任何方法可以同时使用js文件？

我需要添加原型然后添加scriptaculous并在完成加载时获得回调.我目前正在加载原型:

var script = document.createElement("script");
script.src = "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js";
script.onload = script.onreadystatechange = callback;
document.body.appendChild( script );

我可以通过链接回调来做到这一点,但这似乎是不好的做法(当我需要加载更多脚本时,我不想要一个愚蠢的20个回调方法链).想法？

嗨,我有一个DIV部分,最初只能看到它的标题.我想实现的是,当访问者在任何地方点击的区域toggle_section的toggle_stuffDIV可见/隐藏之间切换.

<div id="toggle_section" 
     onclick="javascript: new Effect.toggle('toggle_stuff', 'slide');">
    <div id="toggle_title">Some title</div>
    <div id="toggle_stuff">
        some content stuff
        <a href="/foo.php">Some link</a>
    </div>
</div>

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

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

来自script.aculo.us的auto_complete_for dealio非常棒,但有没有办法让我有选择地禁用它总是自动选择列表中第一项的事实？

问题是,如果我想输入新的,新颖的条目,我不希望自动选择列表中的第一项.原因是当我选择了字段时,它会选择并填充第一个项目的文本框.

我在某种程度上通过使列表中的第一项与我正在键入的内容相同来解决这个问题,但这也不完美,因为auto_complete列表并不总是随每次击键更新,具体取决于我输入的速度.我已经尝试将列表刷新率设置为最低值(1毫秒),但没有去.

我真正想要的是"auto_complete_for"中的一个选项,它根本不会选择第一个项目 - 就像Google Instant不会自动选择第一个建议的搜索词组一样 - 您必须向下箭头选择一个.

也许我可以通过我缺少的HTML选项来做到这一点？

您可以分享使用多个AJAX库的经验吗？

Prototype中有一些有用的功能,有些是jQuery,Yahoo库等.是否可以包含所有库并使用你想要的每个库,它们通常都可以与名称空间一起很好地运行等等.为了速度要包含的库的大小/数量是否存在实际限制,或者这可忽略不计？是否存在特别适合的对(例如Prototype/Scriptaculous)或不成对的对？

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

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

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

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

我是在路中间是否使用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？