scriptaculous

problems with mouseout event

I'm using javascript to hide an image and show some text thats hidden under it. But, when the text is shown if you scroll over it, it fires the mouseout event on the container, that then hides the text and shows the image again, and it just goes into a weird loop. The html looks like this <div onmouseover="jsHoverIn('1')" onmouseout="j...

What are the best strategies for using multiple AJAX libraries?

What experience can you share about using multiple AJAX libraries? There are useful features in Prototype, some in jQuery, the Yahoo library, etc. Is it possible to include all libraries and use what you want from each, do they generally all play nicely together with name spaces, etc. For the sake of speed is there a practical limit to ...

Scriptaculous Ajax.Autocompleter extra functionality in LI

I'm using the Ajax.Autocompleter class from the Prototype/Scriptaculous library which calls an ASP.NET WebHandler which creates an unordered list with list items that contain suggestions. Now I'm working on a page where you can add suggestions to a 'stop words' table, which means that if they occur in the table, they won't be suggested ...

how do I use the node Builder from Scriptacolus to insert html.

for example this code var html = "<p>This text is <a href=#> good</a></p>"; var newNode = Builder.node('div',{className: 'test'},[html]); $('placeholder').update(newNode); casues the p and a tags to be shown, how do I prevent them from being escaped? ...

swfObject + scriptaculous Autocompleter = Fail

For some reason the combination of swfobject.js and script.aculo.us Ajax.Autocompleter on the same page causes the latter to fail. Autocompleter doesn't make its Ajax request. A separate Ajax control on the same page that uses Ajax.Updater doesn't seem to have the same problem. ...

Can't Drag Items Onto An Empty List Using Scriptaculous Sortables

I have three unordered lists that have been created as Scriptaculous Sortables so that the user can drag items within the lists and also between them: var lists = ["pageitems","rowitems","columnitems"]; Sortable.create("pageitems", { dropOnEmpty: true, containment: lists, constraint: false }); Sortable.create("rowitems", { dropO...

Scriptaculous not working with the latest Prototype.

This is a really weird problem that I have been having. When I download Scriptaculous from the official web site, script.aculo.us, bundled in the ZIP is prototype.js version 1.6.0.1. This works perfectly fine, I can follow along the wiki examples and begin learning. However, when I upgrade to prototype 1.6.0.2 (the latest version) from p...

Script.aculo.us Autocompleter problem in IE

I'm struggling with a problem with the Script.aculo.us Autocompleter control in IE (I've tried it in IE6 & 7). The suggestions fail to appear for the first character is entered into the text box after the page has been loaded. After that initial failure, the control works as it should. I've verified that the suggestions data is returned...

Combining Scriptaculous and JQuery in a Rails application

I've got the following situation A rails application that makes use of rjs / Scriptaculous to offer AJAX functionality Lot of nice javascript written using JQuery (for a separate application) I want to combine the two and use my JQuery based functionality in my Rails application, but I'm worried about JQuery and Scriptaculous clashin...

Scriptaculous Droppables onDrop callback, How to reference each element?

Documentation can be found here It says in the example: onDrop: Called whenever a Draggable is released over the Droppable and the Droppable is accepts it. The callback gets three parameters: the Draggable element, the Droppable element and the Event. You can extract additional information about the drop – like if the Ctrl or Shift key...

How do I make an Ajax.Autocompleter perform a request without typing?

I'm using scriptaculous's Ajax.Autocompleter for a search with different filters. http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter The filters are requiring me to pass data into the autocompleter dynamically, which I've successfully learned to do from the following link. http://www.simpltry.com/2007/01/30/ajaxautoco...

Scriptaculous sortable matrix

Hi all! I am trying to create a sortable image matrix, 5x5 using scriptaculous javascript library by I can't make it work. I am trying using a table but I am having trouble linking the <td> into the Sortable object. Do you guys have any hint or documentation I can go through to create this ? Thanks ...

Crossbrowser equivalent of explicitOriginalTarget event parameter

Hi, Does anyone know of crossbrowser equivalent of explicitOriginalTarget event parameter? This parameter is Mozilla specific and it gives me the element that caused the blur. Let's say i have a text input and a link on my page. Text input has the focus. If I click on the link, text input's blur event gives me the link element in Firefo...

How to create nestable draggables in Scriptaculous?

I'm using the Scriptaculous library to slap an appealing UI on an application which helps an enduser build lists. Let's say its for pizza creation. To fill out an order, you drag a size of pizza from the pizza palette into the orders droppable. Once it is put in there, it gets replaced with a new div which is both draggable (because y...

Page sliding on a desktop webapp similar to iPhone webapps

I've looked at ciui and really liked the way that certain links will slide out the existing content and load new content into the DOM, or slide back. Is there a way to quickly create a work-a-like with the additional animation support in jQuery, scriptaculous, or MooTools? ...

Looking for a good treeview widget for Scriptaculous

Is anyone using a good Treeview widget for Prototype or Scriptaculous? If so, why did you choose this one? It has to support dynamically generated data, and drag'n'drop. Note: I found TafelTree, which looks nice. Anyone has worked with it? Thanks! ...

making a link toggle between SlideDown and SlideUp (scriptaculous)

Hi, The scriptaculous wiki has a demo (http://github.com/madrobby/scriptaculous/wikis/effect-slidedown) that shows the SlideDown effect in use. However I need to have the same link to slide down if a certain DIV is hidden and SlideUp if that DIV is showing. How do I achieve this? Thanks. ...

How do I implement text fields with autocomplete for habtm fields ?

I tried the example from Rails Cookbook and managed to get it to work. However the text_field_with_auto_complete works only for one value. class Expense < ActiveRecord::Base has_and_belongs_to_many :categories end In the New Expense View rhtml <%= text_field_with_auto_complete :category, :name %> Auto complete works for the first...

How do I make scriptaculous work within an ASP .net ajax update panel?

How do I make scriptaculous work within an ASP .net ajax update panel? I have a list control inside the update panel that is dynamically updated. The scriptaculous "sortable" object is created using this list control to enable drag and drop of the list items. The drag and drop works only when the update panel is removed? Any thoughts o...

Preventing click event with Scriptaculous drag and drop

I have some elements on a page which are draggable. These same elements have a click event which navigates to another page. I'm trying to determine the best way of preventing the click event from firing if the user is dragging but still allow the click event if not dragging. Anyone have any ideas of the best way to accomplish this? ...