/** * lc_switch.js * Version: 1.0 * Author: LCweb - Luca Montanari * Website: http://www.lcweb.it * Licensed under the MIT license */ (function($){ if(typeof($.fn.lc_switch) != 'undefined') {return false;} // prevent dmultiple scripts inits $.fn.lc_switch = function(on_text, off_text) { // destruct $.fn.lcs_destroy = function() { $(this).each(function() { var $wrap = $(this).parents('.lcs_wrap'); $wrap.children().not('input').remove(); $(this).unwrap(); }); return true; }; // set to ON $.fn.lcs_on = function() { $(this).each(function() { var $wrap = $(this).parents('.lcs_wrap'); var $input = $wrap.find('input'); if(typeof($.fn.prop) == 'function') { $wrap.find('input').prop('checked', true); } else { $wrap.find('input').attr('checked', true); } $wrap.find('input').trigger('lcs-on'); $wrap.find('input').trigger('lcs-statuschange'); $wrap.find('.lcs_switch').removeClass('lcs_off').addClass('lcs_on'); // if radio - disable other ones if( $wrap.find('.lcs_switch').hasClass('lcs_radio_switch') ) { var f_name = $input.attr('name'); $wrap.parents('form').find('input[name='+f_name+']').not($input).lcs_off(); } }); return true; }; // set to OFF $.fn.lcs_off = function() { $(this).each(function() { var $wrap = $(this).parents('.lcs_wrap'); if(typeof($.fn.prop) == 'function') { $wrap.find('input').prop('checked', false); } else { $wrap.find('input').attr('checked', false); } $wrap.find('input').trigger('lcs-off'); $wrap.find('input').trigger('lcs-statuschange'); $wrap.find('.lcs_switch').removeClass('lcs_on').addClass('lcs_off'); }); return true; }; // construct return this.each(function(){ // check against double init if( !$(this).parent().hasClass('lcs_wrap') ) { // default texts var ckd_on_txt = (typeof(on_text) == 'undefined') ? 'ON' : on_text; var ckd_off_txt = (typeof(off_text) == 'undefined') ? 'OFF' : off_text; // labels structure var on_label = (ckd_on_txt) ? '<div class="lcs_label lcs_label_on">'+ ckd_on_txt +'</div>' : ''; var off_label = (ckd_off_txt) ? '<div class="lcs_label lcs_label_off">'+ ckd_off_txt +'</div>' : ''; // default states var disabled = ($(this).is(':disabled')) ? true: false; var active = ($(this).is(':checked')) ? true : false; var status_classes = ''; status_classes += (active) ? ' lcs_on' : ' lcs_off'; if(disabled) {status_classes += ' lcs_disabled';} // wrap and append var structure = '<div class="lcs_switch '+status_classes+'">' + '<div class="lcs_cursor"></div>' + on_label + off_label + '</div>'; if( $(this).is(':input') && ($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') ) { $(this).wrap('<div class="lcs_wrap"></div>'); $(this).parent().append(structure); $(this).parent().find('.lcs_switch').addClass('lcs_'+ $(this).attr('type') +'_switch'); } } }); }; // handlers $(document).ready(function() { // on click $(document).delegate('.lcs_switch:not(.lcs_disabled)', 'click tap', function(e) { if( $(this).hasClass('lcs_on') ) { if( !$(this).hasClass('lcs_radio_switch') ) { // not for radio $(this).lcs_off(); } } else { $(this).lcs_on(); } }); // on checkbox status change $(document).delegate('.lcs_wrap input', 'change', function() { if( $(this).is(':checked') ) { $(this).lcs_on(); } else { $(this).lcs_off(); } }); }); })(jQuery);