scriptaculous

How can I speed up Scriptaculous autocompletion?

Is there anyway in which the scriptaculous autocompleter can be made faster? Is there anything like a time property for which the autocompleter waits before sending out the suggestions? ...

Executing javascript code upon the load (and inside) of a javascript Modalbox

Hi, What i'm exactly trying to do is make my script.aculo.us Autocompleter work for my form when it is loaded inside a Modalbox object. Of course, i've tried my Autocompleter when loading the form as standalone and it works just as expected. For reference, here is my JS code loading the feature: Event.observe(window, 'load', function...

How can I integrate Prototype and jQuery with Scriptaculous?

I have been using jQuery and I need to use Scriptaculous and Protoype. I have tried using the jQuery library extending another library. I defined it using the following syntax: jQuery.noConflict(); jQuery(document).ready(function() { }); My jQuery works properly and I have divided the three modules. I need to have all three modules o...

floating bar javascript (prototype or scriptaculous)

Hey everyone. I'm looking for a horizontal bar that scrolls with the page, ideally implemented in prototype or scriptaculous. I want it to be exactly like the bar shown to first time usersof stackoverflow telling them about the FAQs. Thanks. ...

AutoScroll iframe parent while dragging (Prototype & Scriptaculous)

I am having an iframe on a page. The iframe resizes itself based on the content loaded in it. So, it won't be having any scroll bars. The iframe contains a list of draggable elements (Prototype & Scriptaculous). I have to drag the elements from bottom to top or vice versa, and while dragging, the parent window should scroll accordingly....

In-Place editing using Asp.net ajax

I am looking for a way to perform in-place editing on my webforms app. Here is a link for this behaviour using scriptaculous: http://wiki.github.com/madrobby/scriptaculous/ajax-inplaceeditor) I am using the .Net Ajax toolkit. Does anyone know how can I do this??? Thanks, Nicolas. ...

Scriptaculous / prototype Draggable and overflow issue

I have a problem similar to this one (here): I am having an undesired effect when I drag a div from a container div which is set as overflow: scroll. I have found an example of someone else where they have had the issue but I have been unable to find a resolution Example on Paste bin What happens is that the ...

How to create a sortable interface with 'acts as nested set' in RubyOnRails

I've been implementing some nice interactive interfaces that can sort lists in my m rails app for models that use acts_as_list. I have a sort function that gets called and sets the position for each record afterr each drag and drop using the sortable_element script.aculo.us function. This is an example of the controller action that han...

Scriptaculous Animation Timing Question

I have a project using ruby on rails and scriptaculous. I have a periodically running scriptaculous animation running that involves continuously moving elements across the screen. When a user clicks a certain button, I also want to fade a piece of text ontop of this animation asynchronously. However, when I run the scriptaculous appea...

jQuery to Prototype convert: Dynamically SlideUp div on mouseover

Hi, I use this jQuery code to slide up a div over its wraper div dinamically: jQuery.fn.masque = function(classSelector) { $(this).hover(function(){ $(this).find(classSelector).stop().animate({height:'88px',opacity: '0.8'},400); },function () { $(this).find(classSelector).stop().animate({height:'0',opacity: '0'}, 300);...

Dynamically upgrade/replace prototype library

I am developing a survey invitation that can be embedded in many sites. To present the invitation I am using Modalbox, a javascript library that shows an animated modal box over a semi-transparent overlay. This Modalbox library depends on Prototype and script.aculo.us/effects libraries. The invitation will be dynamically embedded in sit...

Scriptaculous Effect.Scale issue

Hi, I am using scriptaculous to apply some scaling effect to a div with some contents inside it. When the dimensions of the inner contents are specified as % it works fine. But when it is specified as pixels the inner contents are not scaled according to the parent. scaleContent property is set to true. Can anyone tell me what exactly t...

Can I customize cloning in Script.aculo.us's ghosting?

I have a Draggable in Script.aculo.us. I'd like to use ghosting, which clones the dragged element, so you appear to be dragging a "ghost" of the element. However, this element contains an iframe. When I begin the drag, the clone's iframe loads, which is annoying. I'd like a chance to remove the iframe from the clone. How can I do th...

Form Validations Using Prototype.js and Scriptaculous.js

Hi, I want to apply validations like email,phone no etc on my form fields using only prototye.js and scriptaculous.js. Is there any tutorials available? I don't want to use libraries such as jquery, zapatec etc. I want to use only two files Prototype.js and Scriptaculous.js. Please help. ...

How do I use Scriptaculous's Effect.Morph to turn off a class?

Scriptaculous's Effect.Morph can take a CSS class and apply it over a period of time. I have a div which expands when a button is clicked, so it uses Effect.Morph to apply an .expanded class. Now I'd like to remove the .expanded class on a second click, toggling the div closed again. How can I invoke Effect.Morph to do that? ...

add a button link to lightbox 2

Hi, I need to add a button link to lightbox 2. I have added the code to the title attribute of the anchor and while this works well, the code shows in the hover tool tip. I read a recent question where the answer was to modify line 398 of lightbox.js as follows: 398: imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAtt...

Scroll issues with Script.aculo.us / CakePHP autocomplete result list

Using the Ajax helper for CakePHP (currently 1.2.3.8166) to provide an $ajax->autoComplete list of results, and giving a result list back as the rendered view, if you use the mouse (and even the mouse wheel) to scroll results, all is well. Using the arrow keys, on the other hand, has the nasty effect of awkwardly scrolling the view: if I...

javascript div overlap

In my page am using effect.shrink(). While clicking fast the div tags are overlapping with other tags. How do I solve this problem? Am using scriptaculous.js and prototype.js ...

script.aculo.us autocomplete stuck behind input elements

I've got several script.aculo.us Ajax.Autocomplete controls on a page and when the drop down div is rendered it's always stuck behind the other text boxes on the page, no matter what I do with zIndex and positioning. The problem occurs in IE and FF. Anyone else run into this? Am I missing something, or is this just life with this control...

Problem getting AJAX effect to work with RubyOnRails

I want to remove a row from an HTML table generated by some Rails code and I'd like the other rows to "Slide Up" into the new position. I'm kind of new to this and I'm sure I've probably made a simple mistake. Here is the partial code to generate the table row: <tr id="ride_<%=h ride.id %>"> <td><%=h ride.name %></td> <td><%=h rid...