Questions tagged [scriptaculous]

Script.aculo.us is a set of JavaScript libraries built on top of the Prototype framework

Script.aculo.us is a set of JavaScript libraries built on top of the Prototype framework.

Script.aculo.us offers an animation framework, drag & drop, Ajax control, DOM utilities and unit testing. It's being superseded by , which at the time of this writing is still in beta test.

Useful links

Related tags

368 questions
2
votes
3 answers

Mouseover event triggered by Child Elements - how to stop this?

I have this interface I want to build using Effect.Move from scriptaculous (with Prototype, of course). When the top div is triggered on a mouseover, a span tag is to move 50 pixels to the left - and reset without movement to the original location…
mwieczorek
  • 2,107
  • 6
  • 31
  • 37
2
votes
1 answer

Scale div vertically until all content is shown?

I have a div with a set height of 200, and sometimes there's enough content inside to have to scroll. Is there any way to be able to scale/grow the div until there's no overflow in Scriptaculous? Edit: I looked at the wiki, especially at…
Kenji
2
votes
1 answer

Hoverintent for Prototype / Scriptaculous

Recently came across the HoverIntent plugin for jQuery. It acts like a regular mouseover or hover observer, but waits to fire the action until/if the mouse slows down or rests. With tuning, it makes for interfaces that feel more human responsive.…
Laizer
  • 5,932
  • 7
  • 46
  • 73
2
votes
1 answer

Prototype's Effect.Parallel equivalent in jQuery

I am trying to convert a Prototype slide-show plugin to jQuery. The animation function is fairly simple an intuitive: fade-out visible slide, fade-in next slide, both animations start and stop at the same time. Here is the Prototype code which I…
Salman A
  • 262,204
  • 82
  • 430
  • 521
2
votes
4 answers

Making a drop-down list using scriptaculous and prototype's BlindDown or SlideDown effect

I'm trying to make a javascript dropdown list using scriptaculous and prototype. I know this can be done using CSS :hover pseudo-selectors, but I would like to add some additional flair to it. The problem is that while I can kind of get the…
eric
2
votes
0 answers

Unable to get property 'childNodes' of undefined or null reference error

We are doing a cross browser compatibility for a tool which was built over 8 years ago. The tool works only with IE7. Now we are doing the compatibility for higher IE versions and other browsers as well. While checking in IE8 and above, its throwing…
Sagar Raj
  • 909
  • 3
  • 14
  • 34
2
votes
2 answers

How can I stop the flickering in Scriptaculous?

I'm running this script on a page which shows a box with more information when you roll over it. site for review The script works fine, except theres a flicker of the box before it actually scales. What is causing this? I use the same thing in the…
Richard Testani
  • 1,474
  • 4
  • 15
  • 29
2
votes
1 answer

Scriptaculous Drag: How do I offset the dragging element?

This is an age old problem - but now I'm using scriptaculous its come back to haunt me. When dragging a tree node over other tree nodes I want mouseover to fire for each node I drag over. So I want to position the dragging thing so that its top-left…
plodder
  • 2,304
  • 18
  • 19
2
votes
1 answer

Fixed Bar like facebook/wibiya with jquery/YUI/prototype

I was just wondering if any one knows of a good script to emulate a bar like wibiya or the facebook notification bar that used to appear at the bottom(just before the current facebook homepage change) . I just checked out one of the scripts but it…
Ishu
  • 628
  • 1
  • 13
  • 28
2
votes
1 answer

Drag and drop to

When they are under eachother and I try to drag and drop items it's no problem! When I (with css) alter them so they appear next to eachother I can't drag an item from the left box to the right... Maybe an options I'm missing I have to change? Can…
JeroenVdb
  • 798
  • 1
  • 12
  • 21
2
votes
1 answer

Scriptaculous / Prototype modal window

I would like to make a modal window using prototype and scriptaculous. I was wondering if there is any site that has a tutorial or if anyone could kinda give me some idea where to start. (I don't want a prebuilt one)
2
votes
1 answer

ruby "each do" and scriptaculous Effect.BlindDown/Up

I have a list of items with some details that I would like to reveal upon clicking a show/hide details link. after some experimenting, I've come across two issues. I'm having trouble making it so that the show/hide link only reveals the div of a…
Ben
  • 739
  • 6
  • 25
2
votes
1 answer

Scriptaculous Ajax.Autocompleter loading bar

I need to add a spinning wheel (loading bar) on an Ajax request done thru Prototype's Scriptaculous' Ajax.Autocompleter . But unfortunately I've never worked with these frameworks... and there's no way, in this case, to switch to jQuery...…
2
votes
1 answer

Scriptaculous - setStyle not working in Firefox

I'm attempting to adjust some elements on a page dynamically when it gets resized (or opened on smaller displays). There is a piece of code that looks roughly like this: $('some_id').setStyle({'margin-left':'200px'}); And it works as intended in…
Austin DeVinney
  • 273
  • 3
  • 12
2
votes
1 answer

Scriptaculous sortable matrix

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 into the Sortable object. Do you guys have any hint or…
Fernando Barrocal
  • 12,584
  • 9
  • 44
  • 51