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
0
votes
2 answers

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
raj
0
votes
1 answer

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…
Adriano Varoli Piazza
  • 7,297
  • 5
  • 39
  • 50
0
votes
1 answer

Dragging table rows between tables with scriptaculous

I have several similar tables inside a page, and, using scriptaculous, I would like to drag and drop one row from one table to another. I can already do this with the code: new Draggable('some-id'). Where 'some-id' is the table row id. However,…
zync
  • 463
  • 3
  • 17
0
votes
0 answers

scriptaculous fade() adds style=“”

I'm using the following line of code to fade in the div content in the tab using prototype and scriptaculous: $('lesson-'+tab).fade({ from:0, to:1 }); This div when faded in has the style of style="" assgined to it - and that causes the div…
user1425871
  • 149
  • 2
  • 5
  • 13
0
votes
2 answers

showing content of tab after giving fade effect

In my page there are a number of tabs and I want to show the content of tab by giving fade effect. In order to do this I need the tab divs which has a class name of sectionContent after fade function to be style="display:block". However when I…
user1425871
  • 149
  • 2
  • 5
  • 13
0
votes
1 answer

fadein effect with scriptaculous

I want to fade effect of the div, the following script doesn't work. What can be the problem? Thanks a lot. function fadeIn(){ $('test').invoke("fade", { from: 0, to: 1, afterFinish: function() { …
user1425871
  • 149
  • 2
  • 5
  • 13
0
votes
1 answer

Javascript Prototype-Carousel

I found this code at ( http://code.google.com/p/prototype-carousel/ ) but somehow I can't manage him to work. Can someone help me please? The image load fine but the buttons simple does nothing. Thanks in advance.
rmz
  • 507
  • 2
  • 6
  • 11
0
votes
1 answer

setting a div display property to block giving it fade effect

I need to set the display property of div to block giving a fade effect, fadein function does not change the display property of the div to block. So the div cant be seen. How can I do it? $('lesson-'+tab).setStyle({ display: 'block' });
user1425871
  • 149
  • 2
  • 5
  • 13
0
votes
3 answers

How to Animate a DIV From Display None to Block in prototypejs

I need to display a div from display:none to display:block giving it a fade effect. How can I do this in prototypejs? Thanks.
user1425871
  • 149
  • 2
  • 5
  • 13
0
votes
1 answer

Scriptaculous Effect.toggle not appearing when display none set externally

I have a problem getting an element to appear using scriptaculous Effect.toggle, I want the element to start hidden and appear onclick. If I set the element display to none inline the element will appear onclick, but if I set the element display to…
Michael
  • 147
  • 1
  • 2
  • 10
0
votes
2 answers

Creating buttons and identifying them in Prototype

This post is a kind of a multi-part question, but essentially i'm loading in an array of objects with my products. What I want to do is to create a list of buttons like this:
Adam
  • 8,849
  • 16
  • 67
  • 131
0
votes
2 answers

Form Validations Using Prototype.js and Scriptaculous.js

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…
Pankaj
0
votes
1 answer

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,…
Peeja
  • 13,683
  • 11
  • 58
  • 77
0
votes
1 answer

script.aculo.us Slider to get text from specified div

Friend of mine needs help with some JavaScript, and since I know a little bit (little), I decided to help him. I'm drawing a blank on this one, though. Using script.aculo.us to create a multi-slider. I've sort of got the sliding handles to work.…
Skryn
  • 155
  • 3
  • 12
0
votes
1 answer

Scriptaculous: Multiple autocompleter fields

I need to find a way of adding five autocompleter HTML fields to a web form. I have one working perfectly, but when I repeat the code it doesn't work. I'm sure there's a very simply answer to this, but my Javascript newbishness has led be down the…
Chuck Le Butt
  • 47,570
  • 62
  • 203
  • 289
1 2 3
24
25