diff options
Diffstat (limited to 'resources/jquery/jquery.arrowSteps.js')
-rw-r--r-- | resources/jquery/jquery.arrowSteps.js | 50 |
1 files changed, 24 insertions, 26 deletions
diff --git a/resources/jquery/jquery.arrowSteps.js b/resources/jquery/jquery.arrowSteps.js index f9637545..488d1065 100644 --- a/resources/jquery/jquery.arrowSteps.js +++ b/resources/jquery/jquery.arrowSteps.js @@ -1,21 +1,21 @@ /** * 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 + * + * 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 + * 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 + * SYNOPSIS * * <ul id="robin-hood-daffy"> * <li id="guard"><div>Guard!</div></li> @@ -27,45 +27,43 @@ * <li id="thrust"><div>Thrust!</div></li> * </ul> * - * <script language="javascript"><!-- + * <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( $j ) { - $j.fn.arrowSteps = function() { +( function ( $ ) { + $.fn.arrowSteps = function () { + var $steps, width, arrowWidth; this.addClass( 'arrowSteps' ); - var $steps = this.find( 'li' ); + $steps = this.find( 'li' ); - var width = parseInt( 100 / $steps.length, 10 ); + width = parseInt( 100 / $steps.length, 10 ); $steps.css( 'width', width + '%' ); - // every step except the last one has an arrow at the right hand side. Also add in the padding + // every step except the last one has an arrow at the right hand side. Also add in the padding // for the calculated arrow width. - var arrowWidth = parseInt( this.outerHeight(), 10 ); + arrowWidth = parseInt( this.outerHeight(), 10 ); $steps.filter( ':not(:last-child)' ).addClass( 'arrow' ) .find( 'div' ).css( 'padding-right', arrowWidth.toString() + 'px' ); this.data( 'arrowSteps', $steps ); return this; }; - - $j.fn.arrowStepsHighlight = function( selector ) { - var $steps = this.data( 'arrowSteps' ); - var $previous; - $j.each( $steps, function( i, step ) { - var $step = $j( step ); + + $.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' ); @@ -75,7 +73,7 @@ $step.removeClass( 'head tail lasthead' ); } $previous = $step; - } ); + } ); }; -} )( jQuery ); +}( jQuery ) ); |