JQuery Carousel for Form Elements

Question

I am looking for a jQuery carousel style plugin which can handle form elements.

Here is what I need to do.

I have three form elements: two regular text boxes and a textarea. There are also two buttons, previous and next.

On clicking the next button, the text boxes/textarea switch their content.

I realize I can do this via Ajax, but I'm looking for a plugin solution.

Answer 1

Here's an example of a carousel plugin I converted from an html 5 project of mine to html 4.
http://jsfiddle.net/bcnobel/pYUJN/

The code doesn't contain a part where it responds to a button click, but it responds to the mouse position. However, that shouldn't be a problem to add in there, since all you need to do is change the speed of the rotation on a button click.

Let me know if you have any problems with this.

Answer 2

You can use any kind of carousel to this. You can just basically need to bind a function when click the arrows of the carousel.

For sample the selector for your next button is id="next-button" and the textareas is id="my-textarea"

$('#next-button').click(function(){


    $('#my-textarea').text('The new texts inside the textarea');

});