Scriptaculous | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP

Posts Tagged ‘Scriptaculous’

Autocompletion with Scriptaculous and Ajax.

January 28th, 2010 No Comments

This tutorial supercedes my previous turtorial on autocompletion by adding further tips and tricks to make your autocompletion a much better experience for your site users

Download Demo Tutorial

Posted in ajax | Tags: ajax, ajax autocompletion, autocomplete, prototype, Scriptaculous

Drag and drop to list elements using Scriptaculous

January 27th, 2010 No Comments

Drag and drop feature is a popular effect in modern website interfaces and a simple way to implement it is using Scriptaculous.

Download Tutorial

Posted in ajax | Tags: drag and drop, effects, elements, prototype, Scriptaculous

CoolTips | a lightweight unobtrusive JavaScript

January 21st, 2010 No Comments

CoolTips is used to replace conventional web-browser tooltips. The tooltips get contents of title attribute, so it’s fully unobtrusive. CoolTips is an OO class based on Prototype JS and script.aculo.us frameworks.

Download Demo Tutorial

Posted in ajax | Tags: cooltips, prototype, Scriptaculous, tooltips, Unobtrusive

AutoComplete 1.2 using Scriptaculous

January 21st, 2010 1 Comment

AutoComplete 1.2 Scriptaculous – Simply start typing a word and the suggest tool will give you results.

Download Demo Tutorial

Posted in ajax | Tags: auto-complete, autocomplete, prototype, Scriptaculous, search sugession

Date Slider | scriptaculous

January 21st, 2010 No Comments

Nice Date slider with zoom in & zoom out effect

Download Demo Tutorial

Posted in ajax | Tags: date, date slider, effect, prototype, Scriptaculous, zoom in, zoom out

Drag to Download | Scriptaculous

December 19th, 2009 2 Comments

check the demo using the below link

Demo

Posted in ajax | Tags: download, drag, prototype, scrip, Scriptaculous

Prototype Carousel w/ Scriptaculous (version 2.1)

December 19th, 2009 No Comments

A carousel provides quick item browsing which combats the precision of keyword searches and the lack of precision in typical browsing/paging environments. Many ajax frameworks are beginning to implement carousel components.

Download Demo Tutorial

Posted in ajax | Tags: carousel, prototype, provides quick, Scriptaculous

Opacity change using Scriptaculous

December 10th, 2009 No Comments

Scriptaculous is a great framework to implement superb animated effects for your website. It’s simple to use and in general final result is awesome.
This tutorial explains how to use Scriptaculous to implement a nice “change opacity” effect for a layer and its content.