Javascript useful effects

Hi there!!!

Here we have some great javascript scripts based (mainly) on the Yahoo! YUI library and RICO library. The rest of the code has been done by me or obtained from internet sources. This page is intended to solve how to do some web effects that are amazing but it's hard to implement by oneself from scratch.

These examples are given as simple as possible, for a first approach, just press right-click->view source and copy-paste the code into your web application

For further documentation and samples, go to the Yahoo! user interface library (YUI) and RICO main page

I'll update the content from time to time (and maybe, I'll put it nicer!!!)

List of effects, widgets, etc:

- YUI -

animation simplest animation effects

accordion expandable-collapsable accordion table

ajax simplest Ajax code. Start using ajax on your pages easily

autocomplete Ajax autocomplete field

calendar Date fields (instead of text field with date)

color A lot of customization available in this color choser

simple color picker basic html colors, but with advanced color picker when pressed

container overlay An overlay as a general purpose layer for showing information

container panel A more sophisticated layer to display information

container dialog box Instead of using javascript confirm method

dragAndDrop It's very easy to make objects draggable

get how to load dynamically css or javascript

slider visual slider (i.e: if you want to do an equalizer)

tree Display data in a tree object

- RICO -

accordion Standard accordion based on RICO

accordion 2 The easiest one. your first step

roundShape how to round corners of div tags

- Others -

color picker JACK Only with one click you can select the color

Footer at bottom Very interesting javascript code to set a footer div always at the bottom of a page

tagCloud Simple script to get data in web 2.0 tag Cloud format

Javascript OOP How to program javascript in a object oriented manner

support, errors, etc...