• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • Tutorials
    • API Docs
  • Community
    • Gallery
    • Blog »
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • YUI 2
    • YUI Compressor
    • YUI Doc »
    • YUI Builder
    • YUI PHP Loader
    • YUI Test
    • YUI Website
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

solmsted ericf apipkin table greghinch liferay async io davglass widget lsmith jafl foxxtrot plugin animation model nzakas form satyam event datatable css node yql caridy

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    YUISand (gallery-yuisand) on cdn

    Last Updated: 07/19/10
    + 2 -

    Lauren Smith

    YUI Contributor

    See 1 more by this user.

    Created: 03/19/10
    Last CDN Push: 03/24/10
    Build Tag: gallery-2010.03.24-20-12
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.1.1
    Free for use.

    YUISand fancifies the sorting and itemizing of a collection similar items

    Updated:
    CSS3 Transformation support added
    Curve animation added

    • Tags:
    • sorting
    • kickballcreative
    • sort
    • yuisand
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    This code examples assumes that there is a button on your page with an id of sort

    Code Sample

    <script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2010.03.24-20-12'
    }).use('gallery-yuisand', function(Y) {
     
    	Y.one('#sort').on('click', function(e) {
     
    		var s = new Y.YUISand({
    			source : '.all',
    			destination : '.few'			
    		});
     
    		e.preventDefault();
    	})
    })

    Forum Posts

    No forum posts for this module.

    © 2006-2011 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info