You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
419 lines
12 KiB
419 lines
12 KiB
/*
|
|
* Foundation Responsive Library
|
|
* http://foundation.zurb.com
|
|
* Copyright 2013, ZURB
|
|
* Free to use under the MIT license.
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
*/
|
|
|
|
(function ($, window, document, undefined) {
|
|
'use strict';
|
|
|
|
// Used to retrieve Foundation media queries from CSS.
|
|
if($('head').has('.foundation-mq-small').length === 0) {
|
|
$('head').append('<meta class="foundation-mq-small">');
|
|
}
|
|
|
|
if($('head').has('.foundation-mq-medium').length === 0) {
|
|
$('head').append('<meta class="foundation-mq-medium">');
|
|
}
|
|
|
|
if($('head').has('.foundation-mq-large').length === 0) {
|
|
$('head').append('<meta class="foundation-mq-large">');
|
|
}
|
|
|
|
if($('head').has('.foundation-mq-xlarge').length === 0) {
|
|
$('head').append('<meta class="foundation-mq-xlarge">');
|
|
}
|
|
|
|
if($('head').has('.foundation-mq-xxlarge').length === 0) {
|
|
$('head').append('<meta class="foundation-mq-xxlarge">');
|
|
}
|
|
|
|
// Enable FastClick if present
|
|
|
|
$(function() {
|
|
if(typeof FastClick !== 'undefined') {
|
|
// Don't attach to body if undefined
|
|
if (typeof document.body !== 'undefined') {
|
|
FastClick.attach(document.body);
|
|
}
|
|
}
|
|
});
|
|
|
|
// private Fast Selector wrapper,
|
|
// returns jQuery object. Only use where
|
|
// getElementById is not available.
|
|
var S = function (selector, context) {
|
|
if (typeof selector === 'string') {
|
|
if (context) {
|
|
return $(context.querySelectorAll(selector));
|
|
}
|
|
|
|
return $(document.querySelectorAll(selector));
|
|
}
|
|
|
|
return $(selector, context);
|
|
};
|
|
|
|
/*
|
|
https://github.com/paulirish/matchMedia.js
|
|
*/
|
|
|
|
window.matchMedia = window.matchMedia || (function( doc, undefined ) {
|
|
|
|
"use strict";
|
|
|
|
var bool,
|
|
docElem = doc.documentElement,
|
|
refNode = docElem.firstElementChild || docElem.firstChild,
|
|
// fakeBody required for <FF4 when executed in <head>
|
|
fakeBody = doc.createElement( "body" ),
|
|
div = doc.createElement( "div" );
|
|
|
|
div.id = "mq-test-1";
|
|
div.style.cssText = "position:absolute;top:-100em";
|
|
fakeBody.style.background = "none";
|
|
fakeBody.appendChild(div);
|
|
|
|
return function(q){
|
|
|
|
div.innerHTML = "­<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>";
|
|
|
|
docElem.insertBefore( fakeBody, refNode );
|
|
bool = div.offsetWidth === 42;
|
|
docElem.removeChild( fakeBody );
|
|
|
|
return {
|
|
matches: bool,
|
|
media: q
|
|
};
|
|
|
|
};
|
|
|
|
}( document ));
|
|
|
|
/*
|
|
* jquery.requestAnimationFrame
|
|
* https://github.com/gnarf37/jquery-requestAnimationFrame
|
|
* Requires jQuery 1.8+
|
|
*
|
|
* Copyright (c) 2012 Corey Frang
|
|
* Licensed under the MIT license.
|
|
*/
|
|
|
|
(function( $ ) {
|
|
|
|
// requestAnimationFrame polyfill adapted from Erik Möller
|
|
// fixes from Paul Irish and Tino Zijdel
|
|
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
|
|
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
|
|
|
|
|
|
var animating,
|
|
lastTime = 0,
|
|
vendors = ['webkit', 'moz'],
|
|
requestAnimationFrame = window.requestAnimationFrame,
|
|
cancelAnimationFrame = window.cancelAnimationFrame;
|
|
|
|
for(; lastTime < vendors.length && !requestAnimationFrame; lastTime++) {
|
|
requestAnimationFrame = window[ vendors[lastTime] + "RequestAnimationFrame" ];
|
|
cancelAnimationFrame = cancelAnimationFrame ||
|
|
window[ vendors[lastTime] + "CancelAnimationFrame" ] ||
|
|
window[ vendors[lastTime] + "CancelRequestAnimationFrame" ];
|
|
}
|
|
|
|
function raf() {
|
|
if ( animating ) {
|
|
requestAnimationFrame( raf );
|
|
jQuery.fx.tick();
|
|
}
|
|
}
|
|
|
|
if ( requestAnimationFrame ) {
|
|
// use rAF
|
|
window.requestAnimationFrame = requestAnimationFrame;
|
|
window.cancelAnimationFrame = cancelAnimationFrame;
|
|
jQuery.fx.timer = function( timer ) {
|
|
if ( timer() && jQuery.timers.push( timer ) && !animating ) {
|
|
animating = true;
|
|
raf();
|
|
}
|
|
};
|
|
|
|
jQuery.fx.stop = function() {
|
|
animating = false;
|
|
};
|
|
} else {
|
|
// polyfill
|
|
window.requestAnimationFrame = function( callback, element ) {
|
|
var currTime = new Date().getTime(),
|
|
timeToCall = Math.max( 0, 16 - ( currTime - lastTime ) ),
|
|
id = window.setTimeout( function() {
|
|
callback( currTime + timeToCall );
|
|
}, timeToCall );
|
|
lastTime = currTime + timeToCall;
|
|
return id;
|
|
};
|
|
|
|
window.cancelAnimationFrame = function(id) {
|
|
clearTimeout(id);
|
|
};
|
|
|
|
}
|
|
|
|
}( jQuery ));
|
|
|
|
|
|
function removeQuotes (string) {
|
|
if (typeof string === 'string' || string instanceof String) {
|
|
string = string.replace(/^[\\/'"]+|(;\s?})+|[\\/'"]+$/g, '');
|
|
}
|
|
|
|
return string;
|
|
}
|
|
|
|
window.Foundation = {
|
|
name : 'Foundation',
|
|
|
|
version : '5.0.3',
|
|
|
|
media_queries : {
|
|
small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
|
medium : S('.foundation-mq-medium').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
|
large : S('.foundation-mq-large').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
|
xlarge: S('.foundation-mq-xlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
|
xxlarge: S('.foundation-mq-xxlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '')
|
|
},
|
|
|
|
stylesheet : $('<style></style>').appendTo('head')[0].sheet,
|
|
|
|
init : function (scope, libraries, method, options, response) {
|
|
var library_arr,
|
|
args = [scope, method, options, response],
|
|
responses = [];
|
|
|
|
// check RTL
|
|
this.rtl = /rtl/i.test(S('html').attr('dir'));
|
|
|
|
// set foundation global scope
|
|
this.scope = scope || this.scope;
|
|
|
|
if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) {
|
|
if (this.libs.hasOwnProperty(libraries)) {
|
|
responses.push(this.init_lib(libraries, args));
|
|
}
|
|
} else {
|
|
for (var lib in this.libs) {
|
|
responses.push(this.init_lib(lib, libraries));
|
|
}
|
|
}
|
|
|
|
return scope;
|
|
},
|
|
|
|
init_lib : function (lib, args) {
|
|
if (this.libs.hasOwnProperty(lib)) {
|
|
this.patch(this.libs[lib]);
|
|
|
|
if (args && args.hasOwnProperty(lib)) {
|
|
return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]);
|
|
}
|
|
|
|
args = args instanceof Array ? args : Array(args); // PATCH: added this line
|
|
return this.libs[lib].init.apply(this.libs[lib], args);
|
|
}
|
|
|
|
return function () {};
|
|
},
|
|
|
|
patch : function (lib) {
|
|
lib.scope = this.scope;
|
|
lib['data_options'] = this.lib_methods.data_options;
|
|
lib['bindings'] = this.lib_methods.bindings;
|
|
lib['S'] = S;
|
|
lib.rtl = this.rtl;
|
|
},
|
|
|
|
inherit : function (scope, methods) {
|
|
var methods_arr = methods.split(' ');
|
|
|
|
for (var i = methods_arr.length - 1; i >= 0; i--) {
|
|
if (this.lib_methods.hasOwnProperty(methods_arr[i])) {
|
|
this.libs[scope.name][methods_arr[i]] = this.lib_methods[methods_arr[i]];
|
|
}
|
|
}
|
|
},
|
|
|
|
random_str : function (length) {
|
|
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
|
|
|
|
if (!length) {
|
|
length = Math.floor(Math.random() * chars.length);
|
|
}
|
|
|
|
var str = '';
|
|
for (var i = 0; i < length; i++) {
|
|
str += chars[Math.floor(Math.random() * chars.length)];
|
|
}
|
|
return str;
|
|
},
|
|
|
|
libs : {},
|
|
|
|
// methods that can be inherited in libraries
|
|
lib_methods : {
|
|
throttle : function(fun, delay) {
|
|
var timer = null;
|
|
|
|
return function () {
|
|
var context = this, args = arguments;
|
|
|
|
clearTimeout(timer);
|
|
timer = setTimeout(function () {
|
|
fun.apply(context, args);
|
|
}, delay);
|
|
};
|
|
},
|
|
|
|
// parses data-options attribute
|
|
data_options : function (el) {
|
|
var opts = {}, ii, p, opts_arr, opts_len,
|
|
data_options = el.data('options');
|
|
|
|
if (typeof data_options === 'object') {
|
|
return data_options;
|
|
}
|
|
|
|
opts_arr = (data_options || ':').split(';'),
|
|
opts_len = opts_arr.length;
|
|
|
|
function isNumber (o) {
|
|
return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true;
|
|
}
|
|
|
|
function trim(str) {
|
|
if (typeof str === 'string') return $.trim(str);
|
|
return str;
|
|
}
|
|
|
|
// parse options
|
|
for (ii = opts_len - 1; ii >= 0; ii--) {
|
|
p = opts_arr[ii].split(':');
|
|
|
|
if (/true/i.test(p[1])) p[1] = true;
|
|
if (/false/i.test(p[1])) p[1] = false;
|
|
if (isNumber(p[1])) p[1] = parseInt(p[1], 10);
|
|
|
|
if (p.length === 2 && p[0].length > 0) {
|
|
opts[trim(p[0])] = trim(p[1]);
|
|
}
|
|
}
|
|
|
|
return opts;
|
|
},
|
|
|
|
delay : function (fun, delay) {
|
|
return setTimeout(fun, delay);
|
|
},
|
|
|
|
// test for empty object or array
|
|
empty : function (obj) {
|
|
if (obj.length && obj.length > 0) return false;
|
|
if (obj.length && obj.length === 0) return true;
|
|
|
|
for (var key in obj) {
|
|
if (hasOwnProperty.call(obj, key)) return false;
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
register_media : function(media, media_class) {
|
|
if(Foundation.media_queries[media] === undefined) {
|
|
$('head').append('<meta class="' + media_class + '">');
|
|
Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family'));
|
|
}
|
|
},
|
|
|
|
addCustomRule : function(rule, media) {
|
|
if(media === undefined) {
|
|
Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length);
|
|
} else {
|
|
var query = Foundation.media_queries[media];
|
|
if(query !== undefined) {
|
|
Foundation.stylesheet.insertRule('@media ' +
|
|
Foundation.media_queries[media] + '{ ' + rule + ' }');
|
|
}
|
|
}
|
|
},
|
|
|
|
loaded : function (image, callback) {
|
|
function loaded () {
|
|
callback(image[0]);
|
|
}
|
|
|
|
function bindLoad () {
|
|
this.one('load', loaded);
|
|
|
|
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
|
var src = this.attr( 'src' ),
|
|
param = src.match( /\?/ ) ? '&' : '?';
|
|
|
|
param += 'random=' + (new Date()).getTime();
|
|
this.attr('src', src + param);
|
|
}
|
|
}
|
|
|
|
if (!image.attr('src')) {
|
|
loaded();
|
|
return;
|
|
}
|
|
|
|
if (image[0].complete || image[0].readyState === 4) {
|
|
loaded();
|
|
} else {
|
|
bindLoad.call(image);
|
|
}
|
|
},
|
|
|
|
bindings : function (method, options) {
|
|
var self = this,
|
|
should_bind_events = !S(this).data(this.name + '-init');
|
|
|
|
if (typeof method === 'string') {
|
|
return this[method].call(this, options);
|
|
}
|
|
|
|
if (S(this.scope).is('[data-' + this.name +']')) {
|
|
S(this.scope).data(this.name + '-init', $.extend({}, this.settings, (options || method), this.data_options(S(this.scope))));
|
|
|
|
if (should_bind_events) {
|
|
this.events(this.scope);
|
|
}
|
|
|
|
} else {
|
|
S('[data-' + this.name + ']', this.scope).each(function () {
|
|
var should_bind_events = !S(this).data(self.name + '-init');
|
|
|
|
S(this).data(self.name + '-init', $.extend({}, self.settings, (options || method), self.data_options(S(this))));
|
|
|
|
if (should_bind_events) {
|
|
self.events(this);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
$.fn.foundation = function () {
|
|
var args = Array.prototype.slice.call(arguments, 0);
|
|
|
|
return this.each(function () {
|
|
Foundation.init.apply(Foundation, [this].concat(args));
|
|
return this;
|
|
});
|
|
};
|
|
|
|
}(jQuery, this, this.document));
|
|
|