From 276ff7a800387c30f919b1fc74eae24053d0b2c7 Mon Sep 17 00:00:00 2001 From: "ms.elouafi" Date: Tue, 9 Feb 2016 09:36:25 +0000 Subject: [PATCH 1/2] Update structure and Goto method --- jquery.quickWizard.js | 478 +++++++++++++++++++++++++----------------- 1 file changed, 287 insertions(+), 191 deletions(-) diff --git a/jquery.quickWizard.js b/jquery.quickWizard.js index 0b74bda..581171e 100644 --- a/jquery.quickWizard.js +++ b/jquery.quickWizard.js @@ -1,231 +1,327 @@ (function ($) { - $.fn.quickWizard = function (options, callback) { - - var settings = { - 'prevButton': '', - 'nextButton': '', - 'activeClass': 'form-wizard-active', - 'element': 'fieldset', - 'submit': '[type = "submit"]', - 'root': null, - 'prevArgs': [0], - 'nextArgs': [0], - 'disabledClass': 'form-wizard-disabled', - 'containerClass' : 'form-wizard-container', - 'breadCrumb': true, - 'breadCrumbElement': 'legend', - 'breadCrumbListOpen': '
    ', - 'breadCrumbListClose': '
', - 'breadCrumbListClass': 'bread-crumb', - 'breadCrumbListElementOpen': '
  • ', - 'breadCrumbListElementClose': '
    • ', - 'breadCrumbActiveClass': 'bread-crumb-active', - 'breadCrumbCompletedClass': 'bread-crumb-completed', - 'breadCrumbPosition': 'before', - 'clickableBreadCrumbs': false - }; + var defaults = { - if (options) { - $.extend(settings, options); + prevButton: '', + nextButton: '', + activeClass: 'form-wizard-active', + element: 'fieldset', + submit: '[type = "submit"]', + root: null, + prevArgs: [0], + nextArgs: [0], + disabledClass: 'form-wizard-disabled', + containerClass : 'form-wizard-container', + breadCrumb: true, + breadCrumbElement: 'legend', + breadCrumbListOpen: '
      ', + breadCrumbListClose: '
    ', + breadCrumbListClass: 'bread-crumb', + breadCrumbListElementOpen: '
  • ', + breadCrumbListElementClose: '
    • ', + breadCrumbActiveClass: 'bread-crumb-active', + breadCrumbCompletedClass: 'bread-crumb-completed', + breadCrumbPosition: 'before', + clickableBreadCrumbs: false, + + // Callbacks + onWizardLoad : function () { return true; }, + onWizardPrev : function () { return true; }, + onWizardNext : function () { return true; } + }; + + $.fn.quickWizard = function (options) { + + if (this.length === 0) { + return this; } - callback = callback || function () { }; - - function disablePrev(prevObj){ - if ($(prevObj).is(":button")) { - $(prevObj).attr('disabled', 'disabled'); - } else { - $(prevObj).addClass(settings.disabledClass); - } + // support multiple elements + if (this.length > 1) { + this.each(function() { + $(this).quickWizard(options); + }); + return this; } - return this.each(function () { + var wizard = {}, + // set a reference to our wizard element + el = this, + + breadCrumbList = null, + originalNextCallback = null, + insertedNextCallback = null; - var container = $(this); - var children = container.children(settings.element); - var activeClassSelector = '.' + settings.activeClass; - var submitButton = container.find(settings.submit); - var insertedNextCallback; - var originalNextCallback; - var root; - var breadCrumbList; + /** + * ============================================== + * = PRIVATE FUNCTIONS + * ============================================== + */ + + var init = function() { - if(settings.root === null){ - root = children.first(); + // merge user-supplied options with the defaults + wizard.settings = $.extend({}, defaults, options); + wizard.container = $(el); + wizard.children = $(el).children(wizard.settings.element); + wizard.activeClassSelector = '.' + wizard.settings.activeClass; + wizard.submitButton = $(el).find(wizard.settings.submit); + wizard.root; + + if( wizard.settings.root === null ){ + wizard.root = wizard.children.first(); }else{ - root = $(settings.root); + wizard.root = $(wizard.settings.root); } + + /* Check if the last argument is a callback function */ + if (typeof (defaults.nextArgs[defaults.nextArgs.length - 1]) == "function") { + + /* If it is store the user provided callback */ + originalNextCallback = defaults.nextArgs[defaults.nextArgs.length - 1]; + + /* then replace it with a wrapper function that calls both the user provided function and ours */ + defaults.nextArgs[defaults.nextArgs.length - 1] = function () { insertedNextCallback.call(); originalNextCallback.call(); }; + + } else { + + /* If there is no callback function append ours */ + defaults.nextArgs[defaults.nextArgs.length] = function () { insertedNextCallback.call(); } + } + + // initialize the controls object + wizard.controls = {}; + + setup(); + + }; + + var setup = function () { + /* Set up container class */ - if(settings.containerClass != ""){ - container.addClass(settings.containerClass); + if(wizard.settings.containerClass != ""){ + wizard.container.addClass(wizard.settings.containerClass); } /* Set up bread crumb menu */ - if (settings.breadCrumb) { - breadCrumbList = settings.breadCrumbListOpen; + if (wizard.settings.breadCrumb) { + + if ( !$('.' + wizard.settings.breadCrumbListClass).length ) { - children.find(settings.breadCrumbElement).each(function (index) { - breadCrumbList += settings.breadCrumbListElementOpen + $(this).text() + settings.breadCrumbListElementClose; - }); + breadCrumbList = wizard.settings.breadCrumbListOpen; - breadCrumbList += settings.breadCrumbListClose; - if (settings.breadCrumbPosition === 'after') { - breadCrumbList = $(breadCrumbList).insertAfter(container); + wizard.children.find(wizard.settings.breadCrumbElement).each(function (index) { + breadCrumbList += wizard.settings.breadCrumbListElementOpen + $(this).text() + defaults.breadCrumbListElementClose; + }); + + breadCrumbList += wizard.settings.breadCrumbListClose; + if (wizard.settings.breadCrumbPosition === 'after') { + breadCrumbList = $(breadCrumbList).insertAfter(wizard.container); + } else { + breadCrumbList = $(breadCrumbList).insertBefore(wizard.container); + } } else { - breadCrumbList = $(breadCrumbList).insertBefore(container); + + breadCrumbList = $('.'+wizard.settings.breadCrumbListClass); } - breadCrumbList.children().first().addClass(settings.breadCrumbActiveClass); - breadCrumbList.addClass(settings.breadCrumbListClass); + + breadCrumbList.children().first().addClass(defaults.breadCrumbActiveClass); + breadCrumbList.addClass(defaults.breadCrumbListClass); } - /* Check if the last argument is a callback function */ - if (typeof (settings.nextArgs[settings.nextArgs.length - 1]) == "function") { + wizard.submitButton.addClass('hidden'); - /* If it is store the user provided callback */ - originalNextCallback = settings.nextArgs[settings.nextArgs.length - 1]; + // Accessible hiding fix + wizard.children.css({ + "position": "relative", + "top": 0, + "left": 0, + "display": "none" + }); - /* then replace it with a wrapper function that calls both the user provided function and ours */ - settings.nextArgs[settings.nextArgs.length - 1] = function () { insertedNextCallback.call(); originalNextCallback.call(); }; + wizard.root.toggleClass(wizard.settings.activeClass).show(); + + appendControls(); + + // onSliderLoad callback + wizard.settings.onWizardLoad.call(el, wizard.settings.activeClass); + }; + var appendControls = function () { + + /* Insert the previous and next buttons after the submit button and hide it until we're ready */ + if ( wizard.container.find('.form-wizard-prev').length ) { + wizard.settings.prevButton = '.form-wizard-prev'; + wizard.controls.prev = $(wizard.settings.prevButton); } else { - - /* If there is no callback function append ours */ - settings.nextArgs[settings.nextArgs.length] = function () { insertedNextCallback.call(); } + wizard.controls.prev = $(wizard.settings.prevButton).insertBefore(wizard.settings.wizard.submitButton); } - /* Insert the previous and next buttons after the submit button and hide it until we're ready */ - - var prev = $(settings.prevButton).insertBefore(submitButton); - var next = $(settings.nextButton).insertBefore(submitButton); - submitButton.hide(); - + + if ( wizard.container.find('.form-wizard-next').length ) { + wizard.settings.nextButton = '.form-wizard-next'; + wizard.controls.next = $(wizard.settings.nextButton); + } else { + wizard.controls.next = $(wizard.settings.nextButton).insertBefore(wizard.settings.wizard.submitButton); + } + + /* If the root element is first disable the previous button */ - if(root.is(':first-child')){ - disablePrev(prev); + if(wizard.root.is(':first-child')){ + wizard.controls.prev.removeClass('visible') + .addClass('hidden'); + } + + // bind click actions to the controls + wizard.controls.next.on('click touchend', clickNextBind); + wizard.controls.prev.on('click touchend', clickPrevBind); + + }; + + var clickPrevBind = function (e) { + e.preventDefault; + + if ( $(this).hasClass('stop-event') ) return; + + var active = $(el).find(wizard.activeClassSelector), + prevSet = active.prev(wizard.settings.element), + beforePrevSet = prevSet.prev(wizard.settings.element); + + if (prevSet.length) { + $(active).toggleClass(wizard.settings.activeClass); + $(prevSet).toggleClass(wizard.settings.activeClass); + prevSet.data('posiiton', prevSet.css('position')); + insertedNextCallback = function () { prevSet.css('position', prevSet.data('posiiton')); }; + active.hide.apply(active, wizard.settings.prevArgs); + prevSet.css('position', 'absolute').show.apply(prevSet, wizard.settings.nextArgs); + if (wizard.settings.breadCrumb) { + breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass).prev().addClass(wizard.settings.breadCrumbActiveClass); + } + + wizard.controls.next.removeClass('hidden'); + wizard.submitButton.addClass('hidden'); } - children.hide(); - root.toggleClass(settings.activeClass).show(); - - $(next).click(function () { - var active = container.find(activeClassSelector); - - /* Check to see if the forms are valid before moving on */ - - if (active.find(":input").valid()) { - var nextSet = active.next(settings.element); - var afterNextSet = nextSet.next(settings.element); - if (nextSet.length) { - $(active).toggleClass(settings.activeClass); - $(nextSet).toggleClass(settings.activeClass); - - /* Get the current element's position and store it */ - active.data('posiiton', active.css('position')); - - /* Set our callback function */ - insertedNextCallback = function () { active.css('position', active.data('posiiton')); }; - - /* Call show and hide with the user provided arguments */ - active.css('position', 'absolute').hide.apply(active, settings.nextArgs); - nextSet.show.apply(nextSet, settings.prevArgs); - - /* If bread crumb menu is used make those changes */ - if (settings.breadCrumb) { - breadCrumbList.find('.' + settings.breadCrumbActiveClass).removeClass(settings.breadCrumbActiveClass).addClass(settings.breadCrumbCompletedClass).next().addClass(settings.breadCrumbActiveClass); - } - - /* If the previous button is a button enable it */ - if ($(prev).is(":button")) { - $(prev).removeAttr('disabled'); - } else { - /* If it's anything else, remove the disabled class */ - $(prev).removeClass(settings.disabledClass); - } - } + if (beforePrevSet.length <= 0) { + $(this).addClass('hidden'); + } + + wizard.settings.onWizardPrev.call(el, beforePrevSet, prevSet); + + }; + + var clickNextBind = function (e) { + e.preventDefault(); - /* If there are no more sections, hide the next button and show the submit button */ - if (afterNextSet.length <= 0) { - $(next).hide(); - submitButton.show(); + if ( $(this).hasClass('stop-event') ) return; + + var active = $(el).find(wizard.activeClassSelector); + + /* Check to see if the forms are valid before moving on */ + + if (active.find(":input").not('.form-wizard-next, form-wizard-prev').valid()) { + + var nextSet = active.next(wizard.settings.element); + var afterNextSet = nextSet.next(wizard.settings.element); + + if (nextSet.length) { + $(active).toggleClass(wizard.settings.activeClass); + $(nextSet).toggleClass(wizard.settings.activeClass); + + /* Get the current element's position and store it */ + active.data('posiiton', active.css('position')); + + /* Set our callback function */ + insertedNextCallback = function () { active.css('position', active.data('posiiton')); }; + + /* Call show and hide with the user provided arguments */ + active.css('position', 'absolute').hide.apply(active, wizard.settings.nextArgs); + nextSet.show.apply(nextSet, wizard.settings.prevArgs); + + /* If bread crumb menu is used make those changes */ + if (wizard.settings.breadCrumb) { + breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass).next().addClass(wizard.settings.breadCrumbActiveClass); } - } - }); - $(prev).click(function () { - var active = container.find(activeClassSelector); - var prevSet = active.prev(settings.element); - var beforePrevSet = prevSet.prev(settings.element); - if (prevSet.length) { - $(active).toggleClass(settings.activeClass); - $(prevSet).toggleClass(settings.activeClass); - prevSet.data('posiiton', prevSet.css('position')); - insertedNextCallback = function () { prevSet.css('position', prevSet.data('posiiton')); }; - active.hide.apply(active, settings.prevArgs); - prevSet.css('position', 'absolute').show.apply(prevSet, settings.nextArgs); - if (settings.breadCrumb) { - breadCrumbList.find('.' + settings.breadCrumbActiveClass).removeClass(settings.breadCrumbActiveClass).prev().addClass(settings.breadCrumbActiveClass); + /* If the previous button is a button enable it */ + if ( wizard.controls.prev.is(':hidden') ) { + wizard.controls.prev.removeClass('hidden'); } - $(next).show(); - submitButton.hide(); + } - if (beforePrevSet.length <= 0) { - disablePrev(prev); + + /* If there are no more sections, hide the next button and show the submit button */ + if (afterNextSet.length <= 0) { + $(this).addClass('hidden'); + wizard.submitButton.removeClass('hidden'); } - }); - - if(settings.breadCrumb && settings.clickableBreadCrumbs){ - $('.' + settings.breadCrumbListClass).children().click(function(){ - var active = container.find(activeClassSelector); - var current = $(settings.element).eq($(this).index()); - - var prevSet = current.prev(settings.element); - var nextSet = current.next(settings.element); - - $(active).toggleClass(settings.activeClass); - current.toggleClass(settings.activeClass); - - - /* Get the current element's position and store it */ - active.data('posiiton', active.css('position')); - - /* Set our callback function */ - insertedNextCallback = function () { active.css('position', active.data('posiiton')); }; - - /* Call show and hide with the user provided arguments */ - active.css('position', 'absolute').hide.apply(active, settings.nextArgs); - current.parents().show.apply(current, settings.prevArgs); - - breadCrumbList.find('.' + settings.breadCrumbActiveClass).removeClass(settings.breadCrumbActiveClass); - $(this).addClass(settings.breadCrumbActiveClass); - - if(prevSet.length){ - $(next).show(); - submitButton.hide(); - } - - if ($(prev).is(":button")) { - $(prev).removeAttr('disabled'); - } else { - /* If it's anything else, remove the disabled class */ - $(prev).removeClass(settings.disabledClass); - } - - if (prevSet.length <= 0) { - disablePrev(prev); - } - - if (nextSet.length <= 0) { - $(next).hide(); - submitButton.show(); - } - }); - } - callback.call(this); - - }); - }; + wizard.settings.onWizardNext.call(el, nextSet, afterNextSet); + } + }; + + /** + * ============================================== + * = PUBLIC FUNCTIONS + * ============================================== + */ + + el.goTo = function (step) { + var active = $(el).find(wizard.activeClassSelector); + + step = step - 1; + + if ( active.index() === step || 0 > step ) return; + + var current = $(wizard.settings.element).eq(step); + var prevSet = current.prev(wizard.settings.element); + var nextSet = current.next(wizard.settings.element); + + if ( current.length ) { + $(active).toggleClass(wizard.settings.activeClass); + current.toggleClass(wizard.settings.activeClass); + + /* Get the current element's position and store it */ + active.data('posiiton', active.css('position')); + + /* Set our callback function */ + insertedNextCallback = function () { active.css('position', active.data('posiiton')); }; + + /* Call show and hide with the user provided arguments */ + active.css('position', 'absolute').hide.apply(active, wizard.settings.nextArgs); + current.parents().show.apply(current, wizard.settings.prevArgs); + + breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass); + breadCrumbList.find('> *').children().eq(step).addClass(wizard.settings.breadCrumbActiveClass); + + } + + + if(prevSet.length){ + wizard.controls.next.removeClass('hidden'); + wizard.submitButton.addClass('hidden'); + } + + if (prevSet.length <= 0) { + wizard.controls.prev.addClass('hidden'); + } else { + wizard.controls.prev.removeClass('hidden'); + } + + if (nextSet.length <= 0) { + wizard.controls.next.addClass('hidden'); + wizard.submitButton.removeClass('hidden'); + } + + }; + + init(); + + // returns the current jQuery object + return this; + + } + })(jQuery); From 12226df378f66e85bb165d336eb55efa9cf88a2d Mon Sep 17 00:00:00 2001 From: "ms.elouafi" Date: Thu, 3 Mar 2016 11:17:29 +0000 Subject: [PATCH 2/2] fix goto() --- jquery.quickWizard.js | 187 +++++++++++++++++++----------------------- 1 file changed, 83 insertions(+), 104 deletions(-) diff --git a/jquery.quickWizard.js b/jquery.quickWizard.js index 581171e..aa281d8 100644 --- a/jquery.quickWizard.js +++ b/jquery.quickWizard.js @@ -23,6 +23,7 @@ breadCrumbCompletedClass: 'bread-crumb-completed', breadCrumbPosition: 'before', clickableBreadCrumbs: false, + validateForm: true, // Callbacks onWizardLoad : function () { return true; }, @@ -145,139 +146,78 @@ appendControls(); + // On live + //$(document).on('click touchend', '[data-wizard-goto]',el.goTo); + + $(el).on('keyup keypress', disableEnterKey); + // onSliderLoad callback - wizard.settings.onWizardLoad.call(el, wizard.settings.activeClass); + wizard.settings.onWizardLoad.call(this, el, wizard.settings.prevButton, wizard.settings.nextButton); + + }; + + var disableEnterKey = function (e) { + var keyCode = e.keyCode || e.which; + if (keyCode === 13) { + e.preventDefault(); + return false; + } }; var appendControls = function () { /* Insert the previous and next buttons after the submit button and hide it until we're ready */ - if ( wizard.container.find('.form-wizard-prev').length ) { - wizard.settings.prevButton = '.form-wizard-prev'; + if ( wizard.container.find('[data-wizard-prev]').length ) { + wizard.settings.prevButton = '[data-wizard-prev]'; wizard.controls.prev = $(wizard.settings.prevButton); } else { - wizard.controls.prev = $(wizard.settings.prevButton).insertBefore(wizard.settings.wizard.submitButton); + wizard.controls.prev = $(wizard.settings.prevButton).insertBefore(wizard.settings.submitButton); } - - if ( wizard.container.find('.form-wizard-next').length ) { - wizard.settings.nextButton = '.form-wizard-next'; + if ( wizard.container.find('[data-wizard-next]').length ) { + wizard.settings.nextButton = '[data-wizard-next]'; wizard.controls.next = $(wizard.settings.nextButton); } else { - wizard.controls.next = $(wizard.settings.nextButton).insertBefore(wizard.settings.wizard.submitButton); + wizard.controls.next = $(wizard.settings.nextButton).insertBefore(wizard.settings.submitButton); } - /* If the root element is first disable the previous button */ if(wizard.root.is(':first-child')){ - wizard.controls.prev.removeClass('visible') - .addClass('hidden'); + wizard.controls.prev.addClass('hidden'); } // bind click actions to the controls - wizard.controls.next.on('click touchend', clickNextBind); - wizard.controls.prev.on('click touchend', clickPrevBind); - + if (wizard.controls.next.data('wizard-next') === 'on') { + wizard.controls.next.not('.'+wizard.settings.disabledClass).on('click touchend', clickNextBind); + } + if (wizard.controls.next.data('wizard-prev') === 'on') { + wizard.controls.prev.not('.'+wizard.settings.disabledClass).on('click touchend', clickPrevBind); + } }; var clickPrevBind = function (e) { e.preventDefault; - - if ( $(this).hasClass('stop-event') ) return; - - var active = $(el).find(wizard.activeClassSelector), - prevSet = active.prev(wizard.settings.element), - beforePrevSet = prevSet.prev(wizard.settings.element); - - if (prevSet.length) { - $(active).toggleClass(wizard.settings.activeClass); - $(prevSet).toggleClass(wizard.settings.activeClass); - prevSet.data('posiiton', prevSet.css('position')); - insertedNextCallback = function () { prevSet.css('position', prevSet.data('posiiton')); }; - active.hide.apply(active, wizard.settings.prevArgs); - prevSet.css('position', 'absolute').show.apply(prevSet, wizard.settings.nextArgs); - if (wizard.settings.breadCrumb) { - breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass).prev().addClass(wizard.settings.breadCrumbActiveClass); - } - - wizard.controls.next.removeClass('hidden'); - wizard.submitButton.addClass('hidden'); - } - - if (beforePrevSet.length <= 0) { - $(this).addClass('hidden'); - } - - wizard.settings.onWizardPrev.call(el, beforePrevSet, prevSet); + el.goToPrevStep(); }; var clickNextBind = function (e) { e.preventDefault(); - - if ( $(this).hasClass('stop-event') ) return; - - var active = $(el).find(wizard.activeClassSelector); - - /* Check to see if the forms are valid before moving on */ - - if (active.find(":input").not('.form-wizard-next, form-wizard-prev').valid()) { - - var nextSet = active.next(wizard.settings.element); - var afterNextSet = nextSet.next(wizard.settings.element); - - if (nextSet.length) { - $(active).toggleClass(wizard.settings.activeClass); - $(nextSet).toggleClass(wizard.settings.activeClass); - - /* Get the current element's position and store it */ - active.data('posiiton', active.css('position')); - - /* Set our callback function */ - insertedNextCallback = function () { active.css('position', active.data('posiiton')); }; - - /* Call show and hide with the user provided arguments */ - active.css('position', 'absolute').hide.apply(active, wizard.settings.nextArgs); - nextSet.show.apply(nextSet, wizard.settings.prevArgs); - - /* If bread crumb menu is used make those changes */ - if (wizard.settings.breadCrumb) { - breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass).next().addClass(wizard.settings.breadCrumbActiveClass); - } - - /* If the previous button is a button enable it */ - if ( wizard.controls.prev.is(':hidden') ) { - wizard.controls.prev.removeClass('hidden'); - } - - } - - /* If there are no more sections, hide the next button and show the submit button */ - if (afterNextSet.length <= 0) { - $(this).addClass('hidden'); - wizard.submitButton.removeClass('hidden'); - } - - wizard.settings.onWizardNext.call(el, nextSet, afterNextSet); - } + el.goToNextStep(); }; - /** - * ============================================== - * = PUBLIC FUNCTIONS - * ============================================== - */ - - el.goTo = function (step) { - var active = $(el).find(wizard.activeClassSelector); - - step = step - 1; + var goTo = function (index, direction) { + + var active = $(el).find(wizard.activeClassSelector), + current = $(wizard.settings.element).eq(index), + prevSet = current.prev(wizard.settings.element), + nextSet = current.next(wizard.settings.element); - if ( active.index() === step || 0 > step ) return; + if ( active.index() === index || index < 0 ) return; - var current = $(wizard.settings.element).eq(step); - var prevSet = current.prev(wizard.settings.element); - var nextSet = current.next(wizard.settings.element); + if (direction === 'next' && wizard.settings.validateForm && !active.find(":input[required]").not('.ignore').valid() ) { + return; + } if ( current.length ) { $(active).toggleClass(wizard.settings.activeClass); @@ -294,10 +234,9 @@ current.parents().show.apply(current, wizard.settings.prevArgs); breadCrumbList.find('.' + wizard.settings.breadCrumbActiveClass).removeClass(wizard.settings.breadCrumbActiveClass); - breadCrumbList.find('> *').children().eq(step).addClass(wizard.settings.breadCrumbActiveClass); + breadCrumbList.find('> *').children().eq(index).addClass(wizard.settings.breadCrumbActiveClass); } - if(prevSet.length){ wizard.controls.next.removeClass('hidden'); @@ -313,8 +252,48 @@ if (nextSet.length <= 0) { wizard.controls.next.addClass('hidden'); wizard.submitButton.removeClass('hidden'); - } + } else { + wizard.controls.next.removeClass('hidden'); + wizard.submitButton.addClass('hidden'); + } + + if (direction === 'next') { + wizard.settings.onWizardNext.call(this, el, active, current); + } else if (direction === 'prev') { + wizard.settings.onWizardPrev.call(this, el, active, current); + } + + }; + + + /** + * ============================================== + * = PUBLIC FUNCTIONS + * ============================================== + */ + + + el.goTo = function (index) { + var index = parseInt(index) - 1; + goTo(index); + }; + + el.goToNextStep = function () { + var active = $(el).find(wizard.activeClassSelector), + next = active.next(wizard.settings.element), + index = parseInt(next.index()); + + if (active.is(':last-child')) { return; } + goTo(index, 'next'); + }; + + el.goToPrevStep = function () { + var active = $(el).find(wizard.activeClassSelector), + prev = active.prev(wizard.settings.element), + index = parseInt(prev.index()); + if (active.is(':first-child')) { return; } + goTo(index, 'prev'); }; init();