Topic Archive: Scriptaculous

Scriptaculous: Fixing Hover After Highlight

Anthony Caliendo, Monday, November 3, 2008 @ 11:34 am

One of the annoying things about the highlight visual effect in Scriptaculous is that it will break your :hover background-color CSS definitions. The occurs because scriptaculous sets the background-color style property of the element to whatever it was set to before the effect began. This behavior would be desirable if you're using inline styles or setting the style property through javascript, but you will run into issues if you're doing it The Right Way™ and using CSS classes and Element.add/removeClassName. Fortunately, there is an easy solution to this problem.

Continue reading »

• Digg
• Reddit
• del.icio.us

Comments (0)

agile ajax

Multiple Column Sorting with Drag and Drop using Scriptaculous

Anthony Caliendo, Wednesday, July 23, 2008 @ 4:14 pm

The other day I wanted to do drag and drop between multiple columns using scriptaculous. Allowing this behavior is extremely simple, but out of the box the interaction feels clunky. Here, we'll be going through an example of how to do multi-column drag and drop with scriptaculous.

Enabling multi-column drag and drop just involves setting a single option, but without setting a few other options the dragging will feel jittery and won't allow us to drop on empty areas. Also, interaction with the server will require a small bit of consideration to support persistence of any changes.

Continue reading »

• Digg
• Reddit
• del.icio.us

Comments (1)

agile ajax

JRails: Scriptaculous on top of JQuery

Dietrich Kappe, Friday, November 30, 2007 @ 12:30 pm

Prototype and Scriptaculous had their origins in Ruby on Rails before spinning off. There they went head to head with the lighter, leaner JQuery. Now the circle is complete, with Scriptaculous functionality on top of JQuery making its way back into RoR in the form of JRails.

jRails is a drop-in jQuery replacement for Prototype/script.aculo.us on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library.

This is certainly good news for folks who do a fair bit of mashing up. Combining two sites or services, one of which uses Prototype and the other JQuery, can be a bit painful.

Technorati Tags: ajax, prototype, scriptaculous, jquery, ruby on rails

• Digg
• Reddit
• del.icio.us

Comments (0)

agile ajax

Why Does Scriptaculous Need Prototype?

Dietrich Kappe, Tuesday, May 29, 2007 @ 5:51 am

I've been going through the Scriptaculous effects library in some detail. After grokking all there is to know about effects queues, I was left with one question: why does the effects library have a dependency on Prototype? The dependency could be removed with maybe two dozen lines of Javascript. So, why the dependency?

After having several other frameworks arm wrestle me for the $ identifier, I'd like to drop Prototype at the nearest corner.

Anyhow, I'm working on something involving Scriptaculous now that will likely make me the but of both jokes and death threats. Stay tuned.

• Digg
• Reddit
• del.icio.us

Comments (3)

agile ajax