Using Global Javascript Assets

From Spiffy Stores Knowledge Base

Revision as of 08:51, 19 January 2011 by Admin (talk | contribs)

A number of Javascript frameworks and components have been installed on the Spiffy Stores servers and are available for use in the store themes.

These software components are maintained and kept up to date for you, so that you don't need to include them in your theme.

All components can be accessed from your theme using the liquid tag

global_asset_url(input)

This tag should be included in your theme.liquid file under the <head> tag.

Prototype

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.

Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Further documentation is available from the Prototype website at http://www.prototypejs.org/

Current version: 1.7

{{ 'prototype.js' | global_asset_url | script_tag }}

Scriptaculous

Scriptaculous provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

It includes an animation framework, drag and drop, Ajax controls, DOM utilities and unit testing.

Further documentation is available from the Sciptaculous website at http://script.aculo.us/

Current version: 1.9.0

{{ 'sciptaculous.js' | global_asset_url | script_tag }}
{{ 'builder.js' | global_asset_url | script_tag }}
{{ 'controls.js' | global_asset_url | script_tag }}
{{ 'dragdrop.js' | global_asset_url | script_tag }}
{{ 'effects.js' | global_asset_url | script_tag }}
{{ 'slider.js' | global_asset_url | script_tag }}
{{ 'sound.js' | global_asset_url | script_tag }}
{{ 'unittest.js' | global_asset_url | script_tag }}

Moo Tools

Moo Tools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Further documentation is available from the Moo Tools website at http://mootools.net/

Current version: 1.2.4 (Soon to be updated to 1.3)

{{ 'mootools.js' | global_asset_url | script_tag }}

jQuery

The jQuery framework is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

Further documentation is available from the jQuery website at http://jquery.com/

Current version: 1.4.4

{{ 'jquery.js' | global_asset_url | script_tag }}