// jQuery Plugin: jKit // A very easy to use, cross platform jQuery UI toolkit that's still small in size, has the features you need and doesn't get in your way. // Version 1.1.6 - 9. 1. 2013 // http://jquery-jkit.com/ // // by Fredi Bach // http://fredibach.ch/jquery-plugins/ (function($, undefined) { $.jKit = function(element, options, moreoptions) { var defaults = { prefix: 'jkit', dataAttribute: 'data-jkit', activeClass: 'active', errorClass: 'error', successClass: 'success', ignoreFocus: false, ignoreViewport: false, keyNavigation: true, touchNavigation: true, plugins: {}, replacements: {}, delimiter: ',', macros: { 'hide-if-empty': 'binding:selector=this;source=text;mode=css.display', 'smooth-blink': 'loop:speed1=2000;duration1=250;speed2=250;duration2=2000' }, commands: { 'template': { 'action': 'set', 'name': 'template', 'dynamic': 'no', 'addhtml': '+' }, 'lightbox': { 'speed': 500, 'opacity': 0.7, 'clearance': 200, 'closer': 'x', 'next': '>', 'prev': '<', 'modal': 'no', 'width': '', 'height': '', 'titleHeight': 20, 'group': '' }, 'scroll': { 'speed': 500, 'dynamic': 'yes', 'easing': 'linear' }, 'hide': { 'delay': 0, 'speed': 500, 'animation': 'fade', 'easing': 'linear' }, 'remove': { 'delay': 0 }, 'show': { 'delay': 0, 'speed': 500, 'animation': 'fade', 'easing': 'linear' }, 'showandhide': { 'delay': 0, 'speed': 500, 'duration': 10000, 'animation': 'fade', 'easing': 'linear' }, 'loop': { 'speed1': 500, 'speed2': 500, 'duration1': 2000, 'duration2': 2000, 'easing1': 'linear', 'easing2': 'linear', 'animation': 'fade' }, 'random': { 'count': 1, 'remove': 'yes' }, 'partially': { 'height': 200, 'text': 'more ...', 'speed': 250, 'easing': 'linear' }, 'slideshow': { 'shuffle': 'no', 'interval': 3000, 'speed': 250, 'animation': 'fade', 'easing': 'linear', 'on': '' }, 'animation': { 'fps': 25, 'loop': 'no', 'from': '', 'to': '', 'speed': '500', 'easing': 'linear', 'delay': 0, 'on': '' }, 'gallery': { 'active': 1, 'event': 'click', 'showcaptions': 'yes', 'animation': 'none', 'speed': 500, 'easing': 'linear' }, 'tabs': { 'active': 1, 'animation': 'none', 'speed': 250, 'easing': 'linear' }, 'accordion': { 'active': 1, 'animation': 'slide', 'speed': 250, 'easing': 'linear' }, 'carousel': { 'autoplay': "yes", 'limit': 5, 'animation': 'grow', 'speed': 250, 'easing': 'linear', 'interval': 5000, 'prevhtml': '<', 'nexthtml': '>' }, 'parallax': { 'strength': 5, 'axis': 'x', 'scope': 'global' }, 'form': { 'validateonly': 'no' }, 'plugin': { 'script': '' }, 'tooltip': { 'text': '', 'color': '#fff', 'background': '#000', 'classname': '' }, 'background': { 'distort': 'no' }, 'lorem': { 'paragraphs': 0, 'length': '', 'random': 'no' }, 'binding': { 'selector': '', 'source': 'val', 'variable': '', 'mode': 'text', 'interval': 100, 'math': '', 'condition': '', 'if': '', 'else': '', 'speed': 0, 'easing': 'linear', 'search': '' }, 'limit': { 'elements': 'children', 'count': 5, 'animation': 'none', 'speed': 250, 'easing': 'linear', 'endstring': '...' }, 'chart': { 'max': 0, 'delaysteps': 100, 'speed': 500, 'easing': 'linear' }, 'encode': { 'format': 'code', 'fix': 'yes' }, 'split': { 'separator': '', 'container': 'span', 'before': '', 'after': '' }, 'live': { 'interval': 60 }, 'key': {}, 'ajax': { 'animation': 'slide', 'speed': 250, 'easing': 'linear', 'when': 'click' }, 'replace': { 'modifier': 'g', 'search': '', 'replacement': '' }, 'cycle': { 'what': 'class', 'where': 'li', 'scope': 'children', 'sequence': 'odd,even' }, 'fontsize': { 'steps': 2, 'min': 6, 'max': 72, 'affected': 'p' }, 'swap': { 'versions': '_off,_on' }, 'ticker': { 'speed': 100, 'delay': 2000 }, 'sort': { 'what': 'text', 'by': '', 'start': 0, 'end': 0 }, 'zoom': { 'scale': 2, 'speed': 150 }, 'api': { 'format': 'json', 'value': '', 'url': '', 'interval': -1, 'template': '' }, 'filter': { 'by': 'class', 'affected': '', 'animation': 'slide', 'speed': 250, 'easing': 'linear', 'logic': 'and' }, 'summary': { 'what': '', 'linked': 'yes', 'from': '', 'scope': 'children' } } }; var plugin = this; plugin.settings = {}; var $element = $(element), element = element; if (typeof options == 'string'){ var singlecommand = options; if (moreoptions == undefined){ moreoptions = {}; } options = moreoptions; } var startX, startY; var windowhasfocus = true; var uid = 0; var lightboxes = {}; var templates = {}; var commandkeys = {}; if (!$.browser.msie || ($.browser.msie && $.browser.version >= 9)){ $(window).focus(function() { windowhasfocus = true; }).blur(function() { windowhasfocus = false; }); } plugin.applyMacro = function($el, macro){ var s = plugin.settings; if (s.macros[macro] != undefined){ var value = s.macros[macro]; var options = plugin.parseOptions(value); if (s.replacements[options.type] != undefined && typeof(s.replacements[options.type]) === "function"){ s.replacements[options.type].call(plugin, $el, options.type, options); } else { plugin.executeCommand($el, options.type, options); } } }; plugin.init = function($el) { if ($el == undefined) $el = $element; plugin.settings = $.extend({}, defaults, options); var s = plugin.settings; if (singlecommand != undefined){ plugin.executeCommand($el, singlecommand, options); } else { $el.find("*[rel^=jKit], *["+s.dataAttribute+"]").each( function(){ var that = this; var rel = $(this).attr('rel'); var data = $(this).attr(s.dataAttribute); if (data != undefined){ rel = $.trim(data).substring(1); } else { rel = $.trim(rel).substring(5); } rel = rel.substring(0, rel.length-1); rel = rel.replace(/\]\s+\[/g, "]["); relsplit = rel.split(']['); $.each( relsplit, function(index, value){ value = value .replace(/\\=/g,'|jkit-eq|') .replace(/\\:/g,'|jkit-dp|') .replace(/\\;/g,'|jkit-sc|') .replace(/\\\[/g,'|jkit-sbo|') .replace(/\\\]/g,'|jkit-sbc|') .replace(/\\\*/g,'|jkit-st|') .replace(/\\ /g,'|jkit-sp|'); value = $.trim(value); if (s.macros[value] != undefined) value = s.macros[value]; var options = plugin.parseOptions(value); if (s.macros[options.type] != undefined){ var macrooptions = plugin.parseOptions(s.macros[options.type]); options.type = macrooptions.type; options = $.extend({}, macrooptions, options); } if (options.type == 'macro' && relsplit[index-1] != undefined){ plugin.settings.macros[options.name] = relsplit[index-1]; } else if (options.type == 'repeat' && relsplit[index-1] != undefined){ var prevoptions = plugin.parseOptions(relsplit[index-1]); $el.on( options.onevent, function(){ if (options.delay == undefined) options.delay = 0; setTimeout( function(){ plugin.executeCommand($(that), prevoptions.type, prevoptions); }, options.delay); }); } else { var targets = []; if (options.target != undefined){ var targetsplit = options.target.split('.'); targetsplit = [targetsplit.shift(), targetsplit.join('.')] if (targetsplit[1] == undefined){ targetsplit[1] = '*'; } switch(targetsplit[0]){ case 'children': $(that).children(targetsplit[1]).each( function(){ targets.push(this); }); break; case 'each': $(that).find(targetsplit[1]).each( function(){ targets.push(this); }); break; default: targets.push(that); } } else { targets.push(that); } $.each( targets, function(i,v){ if (options.commandkey == undefined){ var id = $(v).attr("id"); if (id != undefined){ options.commandkey = id; } else { options.commandkey = s.prefix+'-uid-'+(++uid); } } if (options.commandkey != undefined){ commandkeys[options.commandkey] = { 'el': v, 'options': options, 'execs': 0 }; } if (options.onevent !== undefined || options.andonevent !== undefined){ var events = []; if (options.onevent !== undefined) events.push(options.onevent); if (options.andonevent !== undefined) events.push(options.andonevent); var e = events.join(' '); $el.on( e, function(){ if (s.replacements[options.type] != undefined && typeof(s.replacements[options.type]) === "function"){ s.replacements[options.type].call(plugin, v, options.type, options); } else { plugin.executeCommand(v, options.type, options); } }); } if (options.onevent === undefined){ if (s.replacements[options.type] != undefined && typeof(s.replacements[options.type]) === "function"){ s.replacements[options.type].call(plugin, v, options.type, options); } else { plugin.executeCommand(v, options.type, options); } } }); } }); }); } }; plugin.parseOptions = function(string){ var relsplit = string.split(':'); var commandsplit = relsplit[0].split('.'); var options = { 'type': $.trim(commandsplit[0]) }; if (commandsplit[1] !== undefined){ options['commandkey'] = commandsplit[1]; } if (options.execute == undefined){ options.execute = 'always'; } if (relsplit.length > 1){ var optionssplit = relsplit[1].split(';'); $.each( optionssplit, function(key, value){ var optionssplit2 = value.split('='); options[$.trim(optionssplit2[0])] = $.trim(optionssplit2[1]); }); } return options; }; plugin.addDefaults = function(command, options){ if (plugin.settings.commands[command] != undefined){ var c = plugin.settings.commands[command]; $.each(c, function(i, v){ if (options[i] == undefined) options[i] = v; if (i.indexOf('speed') > -1) options[i] = plugin.fixSpeed(options[i]); }); } return options; }; plugin.executeCommand = function(that, type, options){ var s = plugin.settings; var $that = $(that); $element.trigger('jkit-commandinit', { 'element': $that, 'type': type, 'options': options }); if (options.commandkey !== undefined){ commandkeys[options.commandkey]['execs']++; if ((options.execute == 'once' && commandkeys[options.commandkey]['execs'] > 1) || (!isNaN(options.execute) && commandkeys[options.commandkey]['execs'] > options.execute)){ return $that; } } options = plugin.addDefaults(type, options); $.each( options, function(i,v){ if (typeof v == 'string'){ options[i] = v = v .replace(/\|jkit\-eq\|/g,'=') .replace(/\|jkit\-dp\|/g,':') .replace(/\|jkit\-sc\|/g,';') .replace(/\|jkit\-sbo\|/g,'[') .replace(/\|jkit\-sbc\|/g,']') .replace(/\|jkit\-st\|/g,'*') .replace(/\|jkit\-sp\|/g,' '); } if (typeof v == 'string' && v.slice(-1) == '*'){ options[i] = window[v.slice(0, -1)]; if (typeof options[i] == 'function'){ options[i] = options[i].call(that); } } }); switch(type){ case 'filter': plugin.filterElements($that, options); $that.find('.jkit-filter').on( 'change click', function(){ plugin.triggerEvent('clicked', $that, options); plugin.filterElements($that, options); }); break; case 'summary': var output = ''; var pre = '' if (options.scope == 'children'){ pre = '> '; } $(options.from).find(pre+options.what).each( function(){ var $current = $(this); if (options.linked == 'yes'){ if ($current.attr('id') !== undefined){ var id = $current.attr('id'); } else { var id = s.prefix+'-uid-'+(++uid); $current.attr('id', id); } output += '
'+options.success+'
'); } plugin.triggerEvent('complete', $that, options); if (options.macro != undefined) plugin.applyMacro($that, options.macro); } else { for (x in data.error){ var field = data.error[x]; $that.find('*[name='+field+']').addClass(s.errorClass).after(''+options.error+''); } plugin.triggerEvent('error', $that, options); } }).error(function(xhr, ajaxOptions, thrownError){ alert(thrownError); $that.append('There was an error submitting the form: Error Code '+xhr.status+''); }); return false; } } else { $that.addClass(s.errorClass); if (options.formerror != undefined){ $that.append(''+options.formerror+''); } plugin.triggerEvent('error', $that, options); return false; } }); break; case 'plugin': if (s.plugins[options.script] != undefined){ options.functioncall = s.plugins[options.script]['fn']; if (s.plugins[options.script]['option'] != undefined){ options.option = s.plugins[options.script]['option']; } options.script = s.plugins[options.script]['path']; } $.ajaxSetup({ cache: true }); if (options.script != undefined){ $.getScript(options.script, function() { if (options.option != undefined){ $that[ options.functioncall ]( options[options.option] ); } else { delete(options.type); delete(options.script); $that[ options.functioncall ]( options ); } plugin.triggerEvent('complete', $that, options); }); } $.ajaxSetup({ cache: false }); break; case 'tooltip': if ($('div#'+s.prefix+'-tooltip').length == 0){ $('', { id: s.prefix+'-'+type }).hide().appendTo('body'); } $tip = $('div#'+s.prefix+'-'+type); $that.on('mouseenter', function(e){ if (options.classname != ''){ $tip.html(options.text).removeClass().css({ 'background': '', 'color': '' }).addClass(options.classname); } else { $tip.html(options.text).removeClass().css({ 'background': options.background, 'color': options.color }); } $tip.css('top', (e.pageY+15-$(window).scrollTop())).css('left', e.pageX).stop(true, true).fadeIn(200); plugin.triggerEvent('open', $that, options); }).on('mouseleave click', function(e){ var speed = 200; if ($tip.is(':animated')){ speed = 0; } $tip.stop(true, true).fadeOut(speed); plugin.triggerEvent('closed', $that, options); }); break; case 'background': var $bg = $('', { id: s.prefix+'-'+type }).css({ 'position': 'fixed', 'right': '0px', 'top': '0px', 'overflow': 'hidden', 'z-index': '-1', 'width': $(window).width(), 'height': $(window).height() }).appendTo('body'); $bg.append($that); var ow = $that.attr('width'); var oh = $that.attr('height'); plugin.scaleFit($bg, $that, ow, oh, options.distort); $(window).resize(function() { plugin.scaleFit($bg, $that, ow, oh, options.distort); plugin.triggerEvent('resized', $that, options); }); break; case 'lorem': var lorem = [ 'Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.', 'Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.', 'Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.', 'Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.', 'Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.', 'At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.', 'Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.' ]; var text = ''; if (options.random == "yes"){ lorem = $.fn.jKit_arrayShuffle(lorem); } if (options.paragraphs > 0){ for ( var i=1; i<=options.paragraphs; i++ ) { text += ''+lorem[(i%7)-1]+'
'; } } else { text = lorem[0]; if (options.length != ''){ text = text.substring(0, options.length-1); } } $that.html(text); break; case 'binding': window.setTimeout( function() { plugin.binding($that, options); }, 0); break; case 'limit': if (options.elements == 'children'){ $that.children(':gt('+(options.count-1)+')').each(function(){ $(this).jKit_effect(false, options.animation, options.speed, options.easing); }); setTimeout( function(){ plugin.triggerEvent('complete', $that, options); }, options.speed); } else { var newtext = $that.text().substr(0,options.count); if (newtext != $that.text()){ newtext = newtext.substr(0,newtext.length-options.endstring.length)+options.endstring; $that.text(newtext); } } break; case 'template': if (options.action == 'apply'){ $el = $that; if (options.children != undefined && options.children != ''){ $el = $that.children(options.children); var cnt = 0; $el.each( function(){ cnt++; plugin.applyTemplate($(this), options, cnt, $el.length); }); } else { plugin.applyTemplate($that, options); } if (options.dynamic == 'yes'){ var $addDiv = $('', { 'class': s.prefix+'-'+type+'-add' }).html(options.addhtml).on( 'click', function(){ $el = $($that.get(0)); var cnt = $el.children(options.children).length + 1; $el.find('.if-entry-last').hide(); plugin.applyTemplate($('<'+options.children+'/>').appendTo($el), options, cnt, cnt); plugin.triggerEvent('added', $that, options); }).insertAfter($that); } } else { if (templates[options.name] == undefined){ templates[options.name] = []; } if (options.vars == undefined){ var vars = []; } else { var vars = options.vars.split(s.delimiter); } templates[options.name] = { 'template': $that.detach(), 'vars': vars }; } break; } return $that; }; plugin.filterElements = function($el, options){ var selections = []; $el.find('.jkit-filter').each( function(){ var vals = []; var valsplit = $(this).val().split(' '); $.each( valsplit, function(i,v){ v = $.trim(v); if (v != '') vals.push(v); }); selections = selections.concat(vals); }); $el.find(options.affected).each( function(){ var $current = $(this); if (selections.length > 0){ var found = []; $.each( selections, function(i,v){ if (options.by == 'class'){ if ($current.hasClass(v)){ found.push(v); } } else if (options.by == 'text'){ if ($current.text().toLowerCase().indexOf(v.toLowerCase()) > -1){ found.push(v); } } }); if ( found.length == selections.length || (found.length > 0 && options.logic == 'or') ){ $current.jKit_effect(true, options.animation, options.speed, options.easing, 0); } else { $current.jKit_effect(false, options.animation, options.speed, options.easing, 0); } } else { $current.jKit_effect(true, options.animation, options.speed, options.easing, 0); } }); setTimeout( function(){ plugin.triggerEvent('complete', $el, options); }, options.speed); }; plugin.readAPI = function($el, options){ if (options.format == 'json'){ $.ajax({ type: "GET", url: options.url, contentType: "application/json; charset=utf-8", dataType: "jsonp", error: function(){ plugin.triggerEvent('error', $el, options); }, success: function(data) { if (options.template != ''){ $el.html(templates[options.template].template.clone().show()); $el.find('[data-jkit-api]').each(function(){ var value = $(this).attr('data-jkit-api'); try { $(this).text(eval('data.'+value.replace(/[^a-zA-Z0-9\.\[\]\_]+/g, ''))); } catch(err) { } }); $el.find('[data-jkit-api-if]').each(function(){ var value = $(this).attr('data-jkit-api-if'); var test = undefined; try { eval('test = data.'+value.replace(/[^a-zA-Z0-9\.\[\]\_]+/g, '')); } catch(err) { } if (test == undefined){ $(this).remove(); } }); } else { if (options.value != ''){ try { $el.text(eval('data.'+options.value.replace(/[^a-zA-Z0-9\.\[\]\_]+/g, ''))); } catch(err) { } } else { $el.text(data); } } if (options.macro != undefined) plugin.applyMacro($el, options.macro); plugin.triggerEvent('complete', $el, options); if (options.interval > -1){ setTimeout( function(){ plugin.readAPI($el, options); }, options.interval*1000); } } }); } }; plugin.triggerEvent = function(event, $el, options){ if (options.commandkey !== undefined){ var eventsplit = event.split(' '); $.each( eventsplit, function(i,v){ $element.trigger(options.commandkey+'.'+v, { 'element': $el, 'options': options }); }); } }; plugin.cssFromString = function(css){ var partsplit = css.split(','); var cssdata = {}; $.each( partsplit, function(i,v){ var innersplit = v.split('('); if (innersplit.length == 2){ var property = innersplit[0]; var value = innersplit[1].slice(0,-1); cssdata[property] = value; } }); return cssdata; }; plugin.preFix = function(str){ var lines = str.split("\n"); var min = 9999; $.each( lines, function(i,v){ if ($.trim(v) != ''){ var cnt = -1; while(v.charAt(cnt+1) == "\t"){ cnt++; } cnt++; if (cnt < min){ min = cnt; } } }); $.each( lines, function(i,v){ lines[i] = v.substr(min); }); return lines.join("\n"); }; plugin.ticker = function($el, options, messages, currentmessage, currentchar){ if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && ($el.jKit_inViewport() || !$el.jKit_inViewport() && plugin.settings.ignoreViewport)){ var timer = options.speed; currentchar++; if (currentchar > messages[currentmessage].text.length){ timer = options.delay; currentmessage++; if (currentmessage >= messages.length){ currentmessage = 0; } setTimeout( function(){ plugin.triggerEvent('showentry showentry'+(currentmessage+1), $el, options); }, timer); currentchar = 0; } else { if (messages[currentmessage].href != undefined){ $el.html(''+messages[currentmessage].text.substr(0,currentchar)+''); } else { $el.html(messages[currentmessage].text.substr(0,currentchar)); } } } window.setTimeout( function() { plugin.ticker($el, options, messages, currentmessage, currentchar); }, timer); }; plugin.loadAndReplace = function(href, options, $el){ var tempid = plugin.settings.prefix+'_ajax_temp_'+$.fn.jKit_getUnixtime(); $(options.element).jKit_effect(false, options.animation, options.speed, options.easing, 0, function(){ $(options.element).html(''); jQuery('', { id: tempid }).appendTo('body'); $('#'+tempid).load(href+' '+options.element, function() { plugin.triggerEvent('complete', $el, options); $(options.element).html( $('#'+tempid+' '+options.element).html() ); $(options.element).jKit_effect(true, options.animation, options.speed, options.easing); if (options.macro != undefined) plugin.applyMacro($(options.element), options.macro); $('#'+tempid).remove(); }); }); }; plugin.updateSrc = function($el, options){ if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && ($el.jKit_inViewport() || !$el.jKit_inViewport() && plugin.settings.ignoreViewport)){ var srcSplit = $el.attr('src').split('?'); $el.attr('src', srcSplit[0]+'?t='+$.fn.jKit_getUnixtime()); } }; plugin.applyTemplate = function($el, options, cnt, entries){ var content = {}; $.each( templates[options.name].vars, function(i,v){ var $subEls = $el.find('.'+v); plugin.init($subEls); if ($subEls.val() != ''){ content[v] = $subEls.val(); } else { content[v] = $subEls.html(); } }); $el.html(templates[options.name].template.clone().show()); $el.find('[class^="if-entry-"]').hide(); plugin.renameDynamicAttributes($el, cnt); $.each( templates[options.name].vars, function(i,v){ var $subEl = $el.find('.'+v); if ($subEl.is("input") || $subEl.is("select") || $subEl.is("textarea")){ $subEl.val(content[v]); } else { $subEl.html(content[v]); } if (content[v] == undefined && $el.find('.if-'+v).length > 0){ $el.find('.if-'+v).remove(); } if (cnt == 1) $el.find('.if-entry-first').show(); if (cnt == entries) $el.find('.if-entry-last').show(); $el.find('.if-entry-nr-'+cnt).show(); }); }; plugin.renameDynamicAttributes = function($el, cnt){ $el.find('[class^="dynamic-"]').each( function(){ var $subEl = $(this); var classList = $(this).attr('class').split(/\s+/); $.each( classList, function(i,v){ var attribute = v.substr(8); if (attribute != '' && $subEl.attr(attribute)){ var currentAttr = $subEl.attr(attribute); var pos = currentAttr.lastIndexOf('_'); if (pos > -1){ currentAttr = currentAttr.substr(0,pos); } $subEl.attr(attribute, currentAttr+'_'+cnt); } }); }); }; plugin.binding = function(el, options){ if (windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus){ if (options.value == undefined){ if (options.selector != ''){ var selsplit = options.selector.split('|'); var sourcesplit = options.source.split('.'); var values = []; $.each(selsplit, function(i, v) { if (v == 'this'){ v = el; } else if (v == 'parent'){ v = $(el).parent().get(0); } $(v).each( function(){ switch(sourcesplit[0]){ case 'event': $(this).on( sourcesplit[1], function(e){ options.value = 1; plugin.binding(el, options); if (options.macro != undefined) plugin.applyMacro($(el), options.macro); }); break; case 'html': var temp = $(this).html(); break; case 'text': var temp = $(this).text(); break; case 'attr': var temp = $(this).attr(sourcesplit[1]); break; case 'css': if (sourcesplit[1] == 'height'){ var temp = $(this).height(); } else if (sourcesplit[1] == 'innerHeight'){ var temp = $(this).innerHeight(); } else if (sourcesplit[1] == 'outerHeight'){ var temp = $(this).outerHeight(); } else if (sourcesplit[1] == 'width'){ var temp = $(this).width(); } else if (sourcesplit[1] == 'innerWidth'){ var temp = $(this).innerWidth(); } else if (sourcesplit[1] == 'outerWidth'){ var temp = $(this).outerWidth(); } else if (sourcesplit[1] == 'scrollTop'){ var temp = $(this).scrollTop(); } else if (sourcesplit[1] == 'scrollLeft'){ var temp = $(this).scrollLeft(); } else { var temp = $(this).css(sourcesplit[1]); } break; case 'scroll': switch(sourcesplit[1]){ case 'top': var temp = $(window).scrollTop(); break; case 'left': var temp = $(window).scrollLeft(); break; } break; case 'clearance': var cTop = el.offset().top-$(window).scrollTop(); var cBottom = $(window).scrollTop() + $(window).height() - ( el.offset().top + el.height() ); var cRight = ($(window).width() + $(window).scrollLeft()) - (el.offset().left + el.width()); var cLeft = el.offset().left - $(window).scrollLeft(); switch(sourcesplit[1]){ case 'bottom': var temp = cBottom; break; case 'top': var temp = cTop; break; case 'right': var temp = cRight; break; case 'left': var temp = cLeft; break; default: var temp = Math.min.apply(Math, [ cBottom, cTop, cRight, cLeft ]); } break; case 'has': switch(sourcesplit[1]){ case 'class': var temp = $(this).hasClass(options.search); break; case 'text': var temp = $.fn.jKit_stringOccurrences($(this).text().toLowerCase(), options.search.toLowerCase()); break; case 'attribute': var temp = ($(this).attr(options.search) !== undefined); break; case 'val': var temp = $.fn.jKit_stringOccurrences($(this).val().toLowerCase(), options.search.toLowerCase()); break; case 'element': var temp = $(this).find(options.search).length; break; case 'children': var temp = $(this).children(options.search).length; break; } break; case 'val': default: var temp = $(this).val(); } values.push(temp); }); }); if (sourcesplit[2] != undefined){ var value = ''; switch(sourcesplit[2]){ case 'max': value = Math.max.apply(Math, values); break; case 'min': value = Math.min.apply(Math, values); break; case 'sum': value = values.reduce(function(a,b){return a+b;}); break; case 'avg': value = values.reduce(function(a,b){return a+b;}) / values.length; break; } } else { var value = values[0]; } } else if (options.variable != ''){ var value = window[options.variable]; } } else { value = options.value; } if (options.condition != ''){ var doit = false; eval('if ('+options.condition.replace(/[^a-zA-Z 0-9\<\>\=\.\!]+/g, '')+') doit = true;'); } else { var doit = true; } if (!doit && options['else'] != ''){ doit = true; value = options['else']; } else if (doit && options['if'] != ''){ doit = true; value = options['if']; } if (doit){ if (options.math != ''){ eval('value = '+options.math.replace(/[^a-zA-Z 0-9\+\-\*\/\.]+/g, '')+';'); } var modesplit = options.mode.split('.'); switch(modesplit[0]){ case 'text': el.text(value); break; case 'html': el.html(value); break; case 'val': el.val(value); break; case 'attr': el.attr(modesplit[1], value); break; case 'css': if (modesplit[1] == 'display' && ($.trim(value) == '' || $.trim(value) == 0)){ value = 'none'; } if (options.speed > 0){ var style = {}; style[modesplit[1]] = value; el.animate(style, options.speed, options.easing); } else { el.css(modesplit[1], value); } break; default: if (modesplit[0] != undefined){ var fn = window[modesplit[0]]; if(typeof fn === 'function') { fn(value,el); } } } } } if (options.interval != -1){ window.setTimeout( function() { plugin.binding(el, options); }, options.interval); } }; plugin.fixSpeed = function(speed){ if (speed != 'fast' && speed != 'slow'){ speed = parseInt(speed); } return speed; }; plugin.loop = function($that, options){ if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && ($that.jKit_inViewport() || !$that.jKit_inViewport && plugin.settings.ignoreViewport)){ plugin.triggerEvent('show', $that, options); $that.jKit_effect(true, options.animation, options.speed1, options.easing1, options.duration1, function(){ plugin.triggerEvent('hide', $that, options); $that.jKit_effect(false, options.animation, options.speed2, options.easing2, options.duration2, plugin.loop($that, options)); }); } else { window.setTimeout( function() { plugin.loop($that, options); }, 100); } }; plugin.scaleFit = function(bg, element, originalWidth, originalHeight, distort){ var w = $(window).width(); var h = $(window).height(); bg.css({ 'width': w+'px', 'height': h+'px' }); var top = 0; var left = 0; if (distort == 'no'){ var imgRatio = originalWidth / originalHeight; var screenRatio = w / h; if (imgRatio > screenRatio){ w = h * imgRatio; left = (w - $(window).width()) / 2 * -1; } else { h = w / imgRatio; top = (h - $(window).height()) / 2 * -1; } } element.css({ 'position': 'fixed', 'top': top+'px', 'left': left+'px', 'width': w+'px', 'height': h+'px' }); }; plugin.carousel = function($el, options, dir){ if (dir != undefined){ options.autoplay = false; } if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && ($el.jKit_inViewport() || !$el.jKit_inViewport() && plugin.settings.ignoreViewport)){ var isAnimated = false; $el.children().each( function(){ if ( $(this).is(':animated') ) { isAnimated = true; } }); if (!isAnimated){ if (dir == 'next' || dir == undefined){ plugin.triggerEvent('shownext', $el, options); $el.children(':nth-child(1)').jKit_effect(false, options.animation, options.speed, options.easing, 0, function(){ $el.append($el.children(':nth-child(1)')); }); $el.children(':nth-child('+(options.limit+1)+')').jKit_effect(true, options.animation, options.speed, options.easing, 0); } else if (dir == 'prev'){ plugin.triggerEvent('showprev', $el, options); $el.prepend( $el.children(':last-child') ); $el.children(':first-child').jKit_effect(true, options.animation, options.speed, options.easing, 0); $el.children(':nth-child('+(options.limit+1)+')').jKit_effect(false, options.animation, options.speed, options.easing, 0); } } if (options.autoplay == 'yes'){ window.setTimeout( function() { plugin.carousel($el, options); }, options.interval); } } else { window.setTimeout( function() { plugin.carousel($el, options); }, options.interval); } }; plugin.slideshow = function(slides, current, el, options){ if ($.data(el, 'anim')){ if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && (el.jKit_inViewport() || !el.jKit_inViewport() && plugin.settings.ignoreViewport)){ if (current < (slides.length-1)){ current++; } else { current = 0; } plugin.triggerEvent('hideentry hideentry'+(current+1), el, options); el.jKit_effect(false, options.animation, options.speed, options.easing, 0, function(){ el.html(slides[current]); plugin.triggerEvent('showentry showentry'+(current+1), el, options); el.jKit_effect(true, options.animation, options.speed, options.easing, 0, function(){ window.setTimeout( function() { plugin.slideshow(slides, current, el, options); }, options.interval); }); }); } else { window.setTimeout( function() { plugin.slideshow(slides, current, el, options); }, options.interval); } } }; plugin.animation = function(frames, current, el, options){ if ((windowhasfocus || !windowhasfocus && plugin.settings.ignoreFocus) && (el.jKit_inViewport() || !el.jKit_inViewport() && plugin.settings.ignoreViewport)){ plugin.triggerEvent('showframe showframe'+(current+1), el, options); $.each( frames, function(index, value){ if (value.start == current){ el.html(value.el.clone()); var duration = (value.end - value.start) * options.interval; if (value.action == 'fadeout'){ el.children(":first").show().fadeTo(duration, 0, value.easing); } else if (value.action == 'fadein'){ el.children(":first").hide().fadeTo(duration, 1, value.easing); } else if (value.action == 'fadeinout'){ el.children(":first").hide().fadeTo(duration/2, 1, value.easing).fadeTo(duration/2, 0, value.easing); } else if (value.action == 'tween'){ var next = frames[index+1].el; el.children(":first").animate({ 'font-size': next.css('font-size'), 'letter-spacing': next.css('letter-spacing'), 'color': next.css('color'), 'opacity': next.css('opacity'), 'background-color': next.css('background-color'), 'padding-top': next.css('padding-top'), 'padding-bottom': next.css('padding-bottom'), 'padding-left': next.css('padding-left'), 'padding-right': next.css('padding-right') }, duration, value.easing); } } }) current++; var nextloop = false; if (current > options.lastframe){ current = 0; nextloop = true; } if ((nextloop && options.loop == "yes") || !nextloop){ window.setTimeout( function() { plugin.animation(frames, current, el, options); }, options.interval); } if (options.loop == "no"){ if (options.macro != undefined) plugin.applyMacro(el, options.macro); plugin.triggerEvent('complete', el, options); } } else { window.setTimeout( function() { plugin.animation(frames, current, el, options); }, options.interval); } }; plugin.closeLightbox = function(){ $('.'+plugin.settings.prefix+'-lightbox-el').fadeTo('fast', 0, function(){ $(this).remove(); }); }; plugin.addKeypressEvents = function($el, code){ if (plugin.settings.keyNavigation){ $(document).keydown(function(e){ if ( this !== e.target && (/textarea|select/i.test( e.target.nodeName ) || e.target.type === "text") ) return; var keys = { 8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta" }; for(var i=48; i<=90; i++){ keys[i] = String.fromCharCode(i).toLowerCase(); } if ($.inArray(e.which, keys)){ var special = ''; if (e.altKey) special += 'alt+'; if (e.ctrlKey) special += 'ctrl+'; if (e.metaKey) special += 'meta+'; if (e.shiftKey) special += 'shift+'; var keycode = special+keys[e.which]; if (keycode == code){ $el.trigger(special+keys[e.which]); e.preventDefault(); } } }); } } plugin.init(); }; $.fn.jKit_effect = function(show, type, speed, easing, delay, fn){ return this.each(function() { if (fn == undefined) fn = function(){}; if (delay == undefined) delay = 0; if (type == 'fade'){ if (show){ $(this).delay(delay).fadeTo(speed, 1.0, easing, fn); } else { $(this).delay(delay).fadeTo(speed, 0, easing, fn); } } else if (type == 'slide'){ if (show){ $(this).delay(delay).slideDown(speed, easing, fn); } else { $(this).delay(delay).slideUp(speed, easing, fn); } } else if (type == 'none'){ if (show){ $(this).delay(delay).show(); } else { $(this).delay(delay).hide(); } fn(); } else { if (show){ $(this).delay(delay).show(speed, easing, fn); } else { $(this).delay(delay).hide(speed, easing, fn); } } }); }; $.fn.jKit_getUnixtime = function(){ var now = new Date; var unixtime_ms = now.getTime(); return parseInt(unixtime_ms / 1000); }; $.fn.jKit_arrayShuffle = function(arr){ var tmp, rand; for(var i =0; i < arr.length; i++){ rand = Math.floor(Math.random() * arr.length); tmp = arr[i]; arr[i] = arr[rand]; arr[rand] = tmp; } return arr; }; $.fn.jKit_stringOccurrences = function(string, substring){ var n = 0; var pos = 0; while (true){ pos = string.indexOf(substring, pos); if (pos != -1) { n++; pos += substring.length; } else { break; } } return (n); }; $.fn.jKit_emailCheck = function(string){ var filter = /^[a-z0-9\._-]+@([a-z0-9_-]+\.)+[a-z]{2,6}$/i; return filter.test(string); }; $.fn.jKit_urlCheck = function(string){ var filter = /^(?:(ftp|http|https):\/\/)?(?:[\w\-]+\.)+[a-z]{2,6}$/i; return filter.test(string); }; $.fn.jKit_dateCheck = function(string){ var filter = /^[0-9]{2}\.[0-9]{2}\.[0-9]{2}$/i; return filter.test(string); }; $.fn.jKit_timeCheck = function(string){ var filter = /^[0-9]{1,2}\:[0-9]{2}$/i; return filter.test(string); }; $.fn.jKit_phoneCheck = function(string){ var filter = /^(\+|0)[\d ]+(-\d*)?\d$/; return filter.test(string); }; $.fn.jKit_passwordStrength = function(passwd){ var intScore = 0 if (passwd.length < 5){ intScore = intScore + 5; } else if (passwd.length > 4 && passwd.length < 8){ intScore = intScore + 15; } else if (passwd.length >= 8){ intScore = intScore + 30; } if (passwd.match(/[a-z]/)) intScore = intScore + 5; if (passwd.match(/[A-Z]/)) intScore = intScore + 10; if (passwd.match(/\d+/)) intScore = intScore + 10; if (passwd.match(/(.*[0-9].*[0-9].*[0-9])/)) intScore = intScore + 10; if (passwd.match(/.[!,@,#,$,%,^,&,*,?,_,~]/)) intScore = intScore + 10; if (passwd.match(/(.*[!,@,#,$,%,^,&,*,?,_,~].*[!,@,#,$,%,^,&,*,?,_,~])/)) intScore = intScore + 10; if (passwd.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) intScore = intScore + 5; if (passwd.match(/([a-zA-Z])/) && passwd.match(/([0-9])/)) intScore = intScore + 5; if (passwd.match(/([a-zA-Z0-9].*[!,@,#,$,%,^,&,*,?,_,~])|([!,@,#,$,%,^,&,*,?,_,~].*[a-zA-Z0-9])/)) intScore = intScore + 5; return intScore; }; $.fn.jKit_getAttributes = function(){ return this.each(function() { var map = {}; var attributes = $(this)[0].attributes; var aLength = attributes.length; for (var a = 0; a < aLength; a++) { map[attributes[a].name.toLowerCase()] = attributes[a].value; } return map; }); }; $.fn.jKit_setAttributes = function(attr){ return this.each(function() { $.each( attr, function(i,v){ try { $(this).attr(String(i),String(v)); } catch(err) {} }); }); }; $.fn.jKit_iOS = function(){ return navigator.userAgent.match(/(iPod|iPhone|iPad)/i); }; $.fn.jKit_belowTheFold = function(){ var fold = $(window).height() + $(window).scrollTop(); return fold <= $(this).offset().top; }; $.fn.jKit_aboveTheTop = function(){ var top = $(window).scrollTop(); return top >= $(this).offset().top + $(this).height(); }; $.fn.jKit_rightOfScreen = function(){ var fold = $(window).width() + $(window).scrollLeft(); return fold <= $(this).offset().left; }; $.fn.jKit_leftOfScreen = function(){ var left = $(window).scrollLeft(); return left >= $(this).offset().left + $(this).width(); }; $.fn.jKit_inViewport = function(){ return !$(this).jKit_belowTheFold() && !$(this).jKit_aboveTheTop() && !$(this).jKit_rightOfScreen() && !$(this).jKit_leftOfScreen(); }; $.fn.jKit = function(options, moreoptions) { return this.each(function() { var plugin = new $.jKit(this, options, moreoptions); $(this).data('jKit', plugin); }); }; })(jQuery);