diff options
Diffstat (limited to 'resources/jquery/jquery.arrowSteps.js')
-rw-r--r-- | resources/jquery/jquery.arrowSteps.js | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/resources/jquery/jquery.arrowSteps.js b/resources/jquery/jquery.arrowSteps.js deleted file mode 100644 index a1fd679d..00000000 --- a/resources/jquery/jquery.arrowSteps.js +++ /dev/null @@ -1,82 +0,0 @@ -/** - * jQuery arrowSteps plugin - * Copyright Neil Kandalgaonkar, 2010 - * - * This work is licensed under the terms of the GNU General Public License, - * version 2 or later. - * (see http://www.fsf.org/licensing/licenses/gpl.html). - * Derivative works and later versions of the code must be free software - * licensed under the same or a compatible license. - * - * - * DESCRIPTION - * - * Show users their progress through a series of steps, via a row of items that fit - * together like arrows. One item can be highlighted at a time. - * - * - * SYNOPSIS - * - * <ul id="robin-hood-daffy"> - * <li id="guard"><div>Guard!</div></li> - * <li id="turn"><div>Turn!</div></li> - * <li id="parry"><div>Parry!</div></li> - * <li id="dodge"><div>Dodge!</div></li> - * <li id="spin"><div>Spin!</div></li> - * <li id="ha"><div>Ha!</div></li> - * <li id="thrust"><div>Thrust!</div></li> - * </ul> - * - * <script> - * $( '#robin-hood-daffy' ).arrowSteps(); - * - * $( '#robin-hood-daffy' ).arrowStepsHighlight( '#guard' ); - * // 'Guard!' is highlighted. - * - * // ... user completes the 'guard' step ... - * - * $( '#robin-hood-daffy' ).arrowStepsHighlight( '#turn' ); - * // 'Turn!' is highlighted. - * </script> - * - */ -( function ( $ ) { - $.fn.arrowSteps = function () { - var $steps, width, arrowWidth, - paddingSide = $( 'body' ).hasClass( 'rtl' ) ? 'padding-left' : 'padding-right'; - - this.addClass( 'arrowSteps' ); - $steps = this.find( 'li' ); - - width = parseInt( 100 / $steps.length, 10 ); - $steps.css( 'width', width + '%' ); - - // Every step except the last one has an arrow pointing forward: - // at the right hand side in LTR languages, and at the left hand side in RTL. - // Also add in the padding for the calculated arrow width. - arrowWidth = parseInt( this.outerHeight(), 10 ); - $steps.filter( ':not(:last-child)' ).addClass( 'arrow' ) - .find( 'div' ).css( paddingSide, arrowWidth.toString() + 'px' ); - - this.data( 'arrowSteps', $steps ); - return this; - }; - - $.fn.arrowStepsHighlight = function ( selector ) { - var $previous, - $steps = this.data( 'arrowSteps' ); - $.each( $steps, function ( i, step ) { - var $step = $( step ); - if ( $step.is( selector ) ) { - if ($previous) { - $previous.addClass( 'tail' ); - } - $step.addClass( 'head' ); - } else { - $step.removeClass( 'head tail lasthead' ); - } - $previous = $step; - } ); - }; - -}( jQuery ) ); |