(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | ; window.Modernizr = function (a, b, c) { function z(a) { j.cssText = a } function A(a, b) { return z(m.join(a + ";") + (b || "")) } function B(a, b) { return typeof a === b } function C(a, b) { return !!~("" + a).indexOf(b) } function D(a, b) { for (var d in a) { var e = a[d]; if (!C(e, "-") && j[e] !== c) return b == "pfx" ? e : !0 } return !1 } function E(a, b, d) { for (var e in a) { var f = b[a[e]]; if (f !== c) return d === !1 ? a[e] : B(f, "function") ? f.bind(d || b) : f } return !1 } function F(a, b, c) { var d = a.charAt(0).toUpperCase() + a.slice(1), e = (a + " " + o.join(d + " ") + d).split(" "); return B(b, "string") || B(b, "undefined") ? D(e, b) : (e = (a + " " + p.join(d + " ") + d).split(" "), E(e, b, c)) } var d = "2.6.2", e = {}, f = !0, g = b.documentElement, h = "modernizr", i = b.createElement(h), j = i.style, k, l = {}.toString, m = " -webkit- -moz- -o- -ms- ".split(" "), n = "Webkit Moz O ms", o = n.split(" "), p = n.toLowerCase().split(" "), q = {}, r = {}, s = {}, t = [], u = t.slice, v, w = function (a, c, d, e) { var f, i, j, k, l = b.createElement("div"), m = b.body, n = m || b.createElement("body"); if (parseInt(d, 10)) while (d--) j = b.createElement("div"), j.id = e ? e[d] : h + (d + 1), l.appendChild(j); return f = ["­", '<style id="s', h, '">', a, "</style>"].join(""), l.id = h, (m ? l : n).innerHTML += f, n.appendChild(l), m || (n.style.background = "", n.style.overflow = "hidden", k = g.style.overflow, g.style.overflow = "hidden", g.appendChild(n)), i = c(l, a), m ? l.parentNode.removeChild(l) : (n.parentNode.removeChild(n), g.style.overflow = k), !!i }, x = {}.hasOwnProperty, y; !B(x, "undefined") && !B(x.call, "undefined") ? y = function (a, b) { return x.call(a, b) } : y = function (a, b) { return b in a && B(a.constructor.prototype[b], "undefined") }, Function.prototype.bind || (Function.prototype.bind = function (b) { var c = this; if (typeof c != "function") throw new TypeError; var d = u.call(arguments, 1), e = function () { if (this instanceof e) { var a = function () { }; a.prototype = c.prototype; var f = new a, g = c.apply(f, d.concat(u.call(arguments))); return Object(g) === g ? g : f } return c.apply(b, d.concat(u.call(arguments))) }; return e }), q.touch = function () { var c; return "ontouchstart" in a || a.DocumentTouch && b instanceof DocumentTouch ? c = !0 : w(["@media (", m.join("touch-enabled),("), h, ")", "{#modernizr{top:9px;position:absolute}}"].join(""), function (a) { c = a.offsetTop === 9 }), c }, q.cssanimations = function () { return F("animationName") }, q.csstransitions = function () { return F("transition") }; for (var G in q) y(q, G) && (v = G.toLowerCase(), e[v] = q[G](), t.push((e[v] ? "" : "no-") + v)); return e.addTest = function (a, b) { if (typeof a == "object") for (var d in a) y(a, d) && e.addTest(d, a[d]); else { a = a.toLowerCase(); if (e[a] !== c) return e; b = typeof b == "function" ? b() : b, typeof f != "undefined" && f && (g.className += " " + (b ? "" : "no-") + a), e[a] = b } return e }, z(""), i = k = null, function (a, b) { function k(a, b) { var c = a.createElement("p"), d = a.getElementsByTagName("head")[0] || a.documentElement; return c.innerHTML = "x<style>" + b + "</style>", d.insertBefore(c.lastChild, d.firstChild) } function l() { var a = r.elements; return typeof a == "string" ? a.split(" ") : a } function m(a) { var b = i[a[g]]; return b || (b = {}, h++ , a[g] = h, i[h] = b), b } function n(a, c, f) { c || (c = b); if (j) return c.createElement(a); f || (f = m(c)); var g; return f.cache[a] ? g = f.cache[a].cloneNode() : e.test(a) ? g = (f.cache[a] = f.createElem(a)).cloneNode() : g = f.createElem(a), g.canHaveChildren && !d.test(a) ? f.frag.appendChild(g) : g } function o(a, c) { a || (a = b); if (j) return a.createDocumentFragment(); c = c || m(a); var d = c.frag.cloneNode(), e = 0, f = l(), g = f.length; for (; e < g; e++)d.createElement(f[e]); return d } function p(a, b) { b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()), a.createElement = function (c) { return r.shivMethods ? n(c, a, b) : b.createElem(c) }, a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + l().join().replace(/\w+/g, function (a) { return b.createElem(a), b.frag.createElement(a), 'c("' + a + '")' }) + ");return n}")(r, b.frag) } function q(a) { a || (a = b); var c = m(a); return r.shivCSS && !f && !c.hasCSS && (c.hasCSS = !!k(a, "article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")), j || p(a, c), a } var c = a.html5 || {}, d = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i, e = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i, f, g = "_html5shiv", h = 0, i = {}, j; (function () { try { var a = b.createElement("a"); a.innerHTML = "<xyz></xyz>", f = "hidden" in a, j = a.childNodes.length == 1 || function () { b.createElement("a"); var a = b.createDocumentFragment(); return typeof a.cloneNode == "undefined" || typeof a.createDocumentFragment == "undefined" || typeof a.createElement == "undefined" }() } catch (c) { f = !0, j = !0 } })(); var r = { elements: c.elements || "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video", shivCSS: c.shivCSS !== !1, supportsUnknownElements: j, shivMethods: c.shivMethods !== !1, type: "default", shivDocument: q, createElement: n, createDocumentFragment: o }; a.html5 = r, q(b) }(this, b), e._version = d, e._prefixes = m, e._domPrefixes = p, e._cssomPrefixes = o, e.testProp = function (a) { return D([a]) }, e.testAllProps = F, e.testStyles = w, e.prefixed = function (a, b, c) { return b ? F(a, b, c) : F(a, "pfx") }, g.className = g.className.replace(/(^|\s)no-js(\s|$)/, "$1$2") + (f ? " js " + t.join(" ") : ""), e }(this, this.document), function (a, b, c) { function d(a) { return "[object Function]" == o.call(a) } function e(a) { return "string" == typeof a } function f() { } function g(a) { return !a || "loaded" == a || "complete" == a || "uninitialized" == a } function h() { var a = p.shift(); q = 1, a ? a.t ? m(function () { ("c" == a.t ? B.injectCss : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1) }, 0) : (a(), h()) : q = 0 } function i(a, c, d, e, f, i, j) { function k(b) { if (!o && g(l.readyState) && (u.r = o = 1, !q && h(), l.onload = l.onreadystatechange = null, b)) { "img" != a && m(function () { t.removeChild(l) }, 50); for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload() } } var j = j || B.errorTimeout, l = b.createElement(a), o = 0, r = 0, u = { t: d, s: c, e: f, a: i, x: j }; 1 === y[c] && (r = 1, y[c] = []), "object" == a ? l.data = c : (l.src = c, l.type = a), l.width = l.height = "0", l.onerror = l.onload = l.onreadystatechange = function () { k.call(this, r) }, p.splice(e, 0, u), "img" != a && (r || 2 === y[c] ? (t.insertBefore(l, s ? null : n), m(k, j)) : y[c].push(l)) } function j(a, b, c, d, f) { return q = 0, b = b || "j", e(a) ? i("c" == b ? v : u, a, b, this.i++, c, d, f) : (p.splice(this.i++, 0, a), 1 == p.length && h()), this } function k() { var a = B; return a.loader = { load: j, i: 0 }, a } var l = b.documentElement, m = a.setTimeout, n = b.getElementsByTagName("script")[0], o = {}.toString, p = [], q = 0, r = "MozAppearance" in l.style, s = r && !!b.createRange().compareNode, t = s ? l : n.parentNode, l = a.opera && "[object Opera]" == o.call(a.opera), l = !!b.attachEvent && !l, u = r ? "object" : l ? "script" : "img", v = l ? "script" : u, w = Array.isArray || function (a) { return "[object Array]" == o.call(a) }, x = [], y = {}, z = { timeout: function (a, b) { return b.length && (a.timeout = b[0]), a } }, A, B; B = function (a) { function b(a) { var a = a.split("!"), b = x.length, c = a.pop(), d = a.length, c = { url: c, origUrl: c, prefixes: a }, e, f, g; for (f = 0; f < d; f++)g = a[f].split("="), (e = z[g.shift()]) && (c = e(c, g)); for (f = 0; f < b; f++)c = x[f](c); return c } function g(a, e, f, g, h) { var i = b(a), j = i.autoCallback; i.url.split(".").pop().split("?").shift(), i.bypass || (e && (e = d(e) ? e : e[a] || e[g] || e[a.split("/").pop().split("?")[0]]), i.instead ? i.instead(a, e, f, g, h) : (y[i.url] ? i.noexec = !0 : y[i.url] = 1, f.load(i.url, i.forceCSS || !i.forceJS && "css" == i.url.split(".").pop().split("?").shift() ? "c" : c, i.noexec, i.attrs, i.timeout), (d(e) || d(j)) && f.load(function () { k(), e && e(i.origUrl, h, g), j && j(i.origUrl, h, g), y[i.url] = 2 }))) } function h(a, b) { function c(a, c) { if (a) { if (e(a)) c || (j = function () { var a = [].slice.call(arguments); k.apply(this, a), l() }), g(a, j, b, 0, h); else if (Object(a) === a) for (n in m = function () { var b = 0, c; for (c in a) a.hasOwnProperty(c) && b++; return b }(), a) a.hasOwnProperty(n) && (!c && !--m && (d(j) ? j = function () { var a = [].slice.call(arguments); k.apply(this, a), l() } : j[n] = function (a) { return function () { var b = [].slice.call(arguments); a && a.apply(this, b), l() } }(k[n])), g(a[n], j, b, n, h)) } else !c && l() } var h = !!a.test, i = a.load || a.both, j = a.callback || f, k = j, l = a.complete || f, m, n; c(h ? a.yep : a.nope, !!i), i && c(i) } var i, j, l = this.yepnope.loader; if (e(a)) g(a, 0, l, 0); else if (w(a)) for (i = 0; i < a.length; i++)j = a[i], e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l); else Object(a) === a && h(a, l) }, B.addPrefix = function (a, b) { z[a] = b }, B.addFilter = function (a) { x.push(a) }, B.errorTimeout = 1e4, null == b.readyState && b.addEventListener && (b.readyState = "loading", b.addEventListener("DOMContentLoaded", A = function () { b.removeEventListener("DOMContentLoaded", A, 0), b.readyState = "complete" }, 0)), a.yepnope = k(), a.yepnope.executeStack = h, a.yepnope.injectJs = function (a, c, d, e, i, j) { var k = b.createElement("script"), l, o, e = e || B.errorTimeout; k.src = a; for (o in d) k.setAttribute(o, d[o]); c = j ? h : c || f, k.onreadystatechange = k.onload = function () { !l && g(k.readyState) && (l = 1, c(), k.onload = k.onreadystatechange = null) }, m(function () { l || (l = 1, c(1)) }, e), i ? k.onload() : n.parentNode.insertBefore(k, n) }, a.yepnope.injectCss = function (a, c, d, e, g, i) { var e = b.createElement("link"), j, c = i ? h : c || f; e.href = a, e.rel = "stylesheet", e.type = "text/css"; for (j in d) e.setAttribute(j, d[j]); g || (n.parentNode.insertBefore(e, n), m(c, 0)) } }(this, document), Modernizr.load = function () { yepnope.apply(window, [].slice.call(arguments, 0)) }; | ||
+ | |||
+ | |||
+ | |||
+ | /** | ||
+ | * jquery.dlmenu.js v1.0.1 | ||
+ | * http://www.codrops.com | ||
+ | * | ||
+ | * Licensed under the MIT license. | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | * | ||
+ | * Copyright 2013, Codrops | ||
+ | * http://www.codrops.com | ||
+ | */ | ||
+ | ; (function ($, window, undefined) { | ||
+ | |||
+ | 'use strict'; | ||
+ | |||
+ | // global | ||
+ | var Modernizr = window.Modernizr, $body = $('body'); | ||
+ | |||
+ | $.DLMenu = function (options, element) { | ||
+ | this.$el = $(element); | ||
+ | this._init(options); | ||
+ | }; | ||
+ | |||
+ | // the options | ||
+ | $.DLMenu.defaults = { | ||
+ | // classes for the animation effects | ||
+ | animationClasses: { classin: 'dl-animate-in-1', classout: 'dl-animate-out-1' }, | ||
+ | // callback: click a link that has a sub menu | ||
+ | // el is the link element (li); name is the level name | ||
+ | onLevelClick: function (el, name) { return false; }, | ||
+ | // callback: click a link that does not have a sub menu | ||
+ | // el is the link element (li); ev is the event obj | ||
+ | onLinkClick: function (el, ev) { return false; }, | ||
+ | backLabel: 'Back', | ||
+ | // Change to "true" to use the active item as back link label. | ||
+ | useActiveItemAsBackLabel: false, | ||
+ | // Change to "true" to add a navigable link to the active item to its child | ||
+ | // menu. | ||
+ | useActiveItemAsLink: false, | ||
+ | // On close reset the menu to root | ||
+ | resetOnClose: true | ||
+ | }; | ||
+ | |||
+ | $.DLMenu.prototype = { | ||
+ | _init: function (options) { | ||
+ | |||
+ | // options | ||
+ | this.options = $.extend(true, {}, $.DLMenu.defaults, options); | ||
+ | // cache some elements and initialize some variables | ||
+ | this._config(); | ||
+ | |||
+ | var animEndEventNames = { | ||
+ | 'WebkitAnimation': 'webkitAnimationEnd', | ||
+ | 'OAnimation': 'oAnimationEnd', | ||
+ | 'msAnimation': 'MSAnimationEnd', | ||
+ | 'animation': 'animationend' | ||
+ | }, | ||
+ | transEndEventNames = { | ||
+ | 'WebkitTransition': 'webkitTransitionEnd', | ||
+ | 'MozTransition': 'transitionend', | ||
+ | 'OTransition': 'oTransitionEnd', | ||
+ | 'msTransition': 'MSTransitionEnd', | ||
+ | 'transition': 'transitionend' | ||
+ | }; | ||
+ | // animation end event name | ||
+ | this.animEndEventName = animEndEventNames[Modernizr.prefixed('animation')] + '.dlmenu'; | ||
+ | // transition end event name | ||
+ | this.transEndEventName = transEndEventNames[Modernizr.prefixed('transition')] + '.dlmenu'; | ||
+ | // support for css animations and css transitions | ||
+ | this.supportAnimations = Modernizr.cssanimations; | ||
+ | this.supportTransitions = Modernizr.csstransitions; | ||
+ | |||
+ | this._initEvents(); | ||
+ | |||
+ | }, | ||
+ | _config: function () { | ||
+ | this.open = false; | ||
+ | this.$trigger = this.$el.children('.dl-trigger'); | ||
+ | this.$menu = this.$el.children('ul.dl-menu'); | ||
+ | this.$menuitems = this.$menu.find('li:not(.dl-back)'); | ||
+ | this.$el.find('ul.dl-submenu').prepend('<li class="dl-back"><a href="#">' + this.options.backLabel + '</a></li>'); | ||
+ | this.$back = this.$menu.find('li.dl-back'); | ||
+ | |||
+ | // Set the label text for the back link. | ||
+ | if (this.options.useActiveItemAsBackLabel) { | ||
+ | this.$back.each(function () { | ||
+ | var $this = $(this), | ||
+ | parentLabel = $this.parents('li:first').find('a:first').text(); | ||
+ | |||
+ | $this.find('a').html(parentLabel); | ||
+ | }); | ||
+ | } | ||
+ | // If the active item should also be a clickable link, create one and put | ||
+ | // it at the top of our menu. | ||
+ | if (this.options.useActiveItemAsLink) { | ||
+ | this.$el.find('ul.dl-submenu').prepend(function () { | ||
+ | var parentli = $(this).parents('li:not(.dl-back):first').find('a:first'); | ||
+ | return '<li class="dl-parent"><a href="' + parentli.attr('href') + '">' + parentli.text() + '</a></li>'; | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | }, | ||
+ | _initEvents: function () { | ||
+ | |||
+ | var self = this; | ||
+ | |||
+ | this.$trigger.on('click.dlmenu', function () { | ||
+ | if (self.open) { | ||
+ | self._closeMenu(); | ||
+ | } | ||
+ | else { | ||
+ | self._openMenu(); | ||
+ | // clicking somewhere else makes the menu close | ||
+ | $body.off('click').children().on('click.dlmenu', function () { | ||
+ | self._closeMenu(); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | this.$menuitems.on('click.dlmenu', function (event) { | ||
+ | |||
+ | event.stopPropagation(); | ||
+ | |||
+ | var $item = $(this), | ||
+ | $submenu = $item.children('ul.dl-submenu'); | ||
+ | |||
+ | // Only go to the next menu level if one exists AND the link isn't the | ||
+ | // one we added specifically for navigating to parent item pages. | ||
+ | if ($submenu.length > 0) { | ||
+ | if(!($(event.currentTarget).hasClass('dl-subviewopen'))){ | ||
+ | |||
+ | var $flyin = $submenu.clone().css('opacity', 0).insertAfter(self.$menu), | ||
+ | onAnimationEndFn = function () { | ||
+ | self.$menu.off(self.animEndEventName).removeClass(self.options.animationClasses.classout).addClass('dl-subview'); | ||
+ | $item.addClass('dl-subviewopen').parents('.dl-subviewopen:first').removeClass('dl-subviewopen').addClass('dl-subview'); | ||
+ | $flyin.remove(); | ||
+ | }; | ||
+ | |||
+ | setTimeout(function () { | ||
+ | $flyin.addClass(self.options.animationClasses.classin); | ||
+ | self.$menu.addClass(self.options.animationClasses.classout); | ||
+ | if (self.supportAnimations) { | ||
+ | self.$menu.on(self.animEndEventName, onAnimationEndFn); | ||
+ | } | ||
+ | else { | ||
+ | onAnimationEndFn.call(); | ||
+ | } | ||
+ | |||
+ | self.options.onLevelClick($item, $item.children('a:first').text()); | ||
+ | }); | ||
+ | |||
+ | return false; | ||
+ | |||
+ | } | ||
+ | } | ||
+ | else { | ||
+ | self.options.onLinkClick($item, event); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | this.$back.on('click.dlmenu', function (event) { | ||
+ | |||
+ | var $this = $(this), | ||
+ | $submenu = $this.parents('ul.dl-submenu:first'), | ||
+ | $item = $submenu.parent(), | ||
+ | |||
+ | $flyin = $submenu.clone().insertAfter(self.$menu); | ||
+ | |||
+ | var onAnimationEndFn = function () { | ||
+ | self.$menu.off(self.animEndEventName).removeClass(self.options.animationClasses.classin); | ||
+ | $flyin.remove(); | ||
+ | }; | ||
+ | |||
+ | setTimeout(function () { | ||
+ | $flyin.addClass(self.options.animationClasses.classout); | ||
+ | self.$menu.addClass(self.options.animationClasses.classin); | ||
+ | if (self.supportAnimations) { | ||
+ | self.$menu.on(self.animEndEventName, onAnimationEndFn); | ||
+ | } | ||
+ | else { | ||
+ | onAnimationEndFn.call(); | ||
+ | } | ||
+ | |||
+ | $item.removeClass('dl-subviewopen'); | ||
+ | |||
+ | var $subview = $this.parents('.dl-subview:first'); | ||
+ | if ($subview.is('li')) { | ||
+ | $subview.addClass('dl-subviewopen'); | ||
+ | } | ||
+ | $subview.removeClass('dl-subview'); | ||
+ | }); | ||
+ | |||
+ | return false; | ||
+ | |||
+ | }); | ||
+ | |||
+ | }, | ||
+ | closeMenu: function () { | ||
+ | if (this.open) { | ||
+ | this._closeMenu(); | ||
+ | } | ||
+ | }, | ||
+ | _closeMenu: function () { | ||
+ | var self = this, | ||
+ | onTransitionEndFn = function () { | ||
+ | self.$menu.off(self.transEndEventName); | ||
+ | if (self.options.resetOnClose) { | ||
+ | self._resetMenu(); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | this.$menu.removeClass('dl-menuopen'); | ||
+ | this.$menu.addClass('dl-menu-toggle'); | ||
+ | this.$trigger.removeClass('dl-active'); | ||
+ | |||
+ | if (this.supportTransitions) { | ||
+ | this.$menu.on(this.transEndEventName, onTransitionEndFn); | ||
+ | } | ||
+ | else { | ||
+ | onTransitionEndFn.call(); | ||
+ | } | ||
+ | |||
+ | this.open = false; | ||
+ | }, | ||
+ | openMenu: function () { | ||
+ | if (!this.open) { | ||
+ | this._openMenu(); | ||
+ | } | ||
+ | }, | ||
+ | _openMenu: function () { | ||
+ | var self = this; | ||
+ | // clicking somewhere else makes the menu close | ||
+ | $body.off('click').on('click.dlmenu', function () { | ||
+ | self._closeMenu(); | ||
+ | }); | ||
+ | this.$menu.addClass('dl-menuopen dl-menu-toggle').on(this.transEndEventName, function () { | ||
+ | $(this).removeClass('dl-menu-toggle'); | ||
+ | }); | ||
+ | this.$trigger.addClass('dl-active'); | ||
+ | this.open = true; | ||
+ | }, | ||
+ | // resets the menu to its original state (first level of options) | ||
+ | _resetMenu: function () { | ||
+ | this.$menu.removeClass('dl-subview'); | ||
+ | this.$menuitems.removeClass('dl-subview dl-subviewopen'); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | var logError = function (message) { | ||
+ | if (window.console) { | ||
+ | window.console.error(message); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | $.fn.dlmenu = function (options) { | ||
+ | if (typeof options === 'string') { | ||
+ | var args = Array.prototype.slice.call(arguments, 1); | ||
+ | this.each(function () { | ||
+ | var instance = $.data(this, 'dlmenu'); | ||
+ | if (!instance) { | ||
+ | logError("cannot call methods on dlmenu prior to initialization; " + | ||
+ | "attempted to call method '" + options + "'"); | ||
+ | return; | ||
+ | } | ||
+ | if (!$.isFunction(instance[options]) || options.charAt(0) === "_") { | ||
+ | logError("no such method '" + options + "' for dlmenu instance"); | ||
+ | return; | ||
+ | } | ||
+ | instance[options].apply(instance, args); | ||
+ | }); | ||
+ | } | ||
+ | else { | ||
+ | this.each(function () { | ||
+ | var instance = $.data(this, 'dlmenu'); | ||
+ | if (instance) { | ||
+ | instance._init(); | ||
+ | } | ||
+ | else { | ||
+ | instance = $.data(this, 'dlmenu', new $.DLMenu(options, this)); | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | return this; | ||
+ | }; | ||
+ | |||
+ | })(jQuery, window); | ||
+ | |||
+ | |||
+ | $(function () { | ||
+ | $('#dl-menu').dlmenu({ | ||
+ | animationClasses: { | ||
+ | classin: 'dl-animate-in-5', | ||
+ | classout: 'dl-animate-out-5' | ||
+ | } | ||
+ | }); | ||
+ | }); |
Revision as of 13:53, 18 September 2018
; window.Modernizr = function (a, b, c) { function z(a) { j.cssText = a } function A(a, b) { return z(m.join(a + ";") + (b || "")) } function B(a, b) { return typeof a === b } function C(a, b) { return !!~("" + a).indexOf(b) } function D(a, b) { for (var d in a) { var e = a[d]; if (!C(e, "-") && j[e] !== c) return b == "pfx" ? e : !0 } return !1 } function E(a, b, d) { for (var e in a) { var f = b[a[e]]; if (f !== c) return d === !1 ? a[e] : B(f, "function") ? f.bind(d || b) : f } return !1 } function F(a, b, c) { var d = a.charAt(0).toUpperCase() + a.slice(1), e = (a + " " + o.join(d + " ") + d).split(" "); return B(b, "string") || B(b, "undefined") ? D(e, b) : (e = (a + " " + p.join(d + " ") + d).split(" "), E(e, b, c)) } var d = "2.6.2", e = {}, f = !0, g = b.documentElement, h = "modernizr", i = b.createElement(h), j = i.style, k, l = {}.toString, m = " -webkit- -moz- -o- -ms- ".split(" "), n = "Webkit Moz O ms", o = n.split(" "), p = n.toLowerCase().split(" "), q = {}, r = {}, s = {}, t = [], u = t.slice, v, w = function (a, c, d, e) { var f, i, j, k, l = b.createElement("div"), m = b.body, n = m || b.createElement("body"); if (parseInt(d, 10)) while (d--) j = b.createElement("div"), j.id = e ? e[d] : h + (d + 1), l.appendChild(j); return f = ["", '<style id="s', h, '">', a, "</style>"].join(""), l.id = h, (m ? l : n).innerHTML += f, n.appendChild(l), m || (n.style.background = "", n.style.overflow = "hidden", k = g.style.overflow, g.style.overflow = "hidden", g.appendChild(n)), i = c(l, a), m ? l.parentNode.removeChild(l) : (n.parentNode.removeChild(n), g.style.overflow = k), !!i }, x = {}.hasOwnProperty, y; !B(x, "undefined") && !B(x.call, "undefined") ? y = function (a, b) { return x.call(a, b) } : y = function (a, b) { return b in a && B(a.constructor.prototype[b], "undefined") }, Function.prototype.bind || (Function.prototype.bind = function (b) { var c = this; if (typeof c != "function") throw new TypeError; var d = u.call(arguments, 1), e = function () { if (this instanceof e) { var a = function () { }; a.prototype = c.prototype; var f = new a, g = c.apply(f, d.concat(u.call(arguments))); return Object(g) === g ? g : f } return c.apply(b, d.concat(u.call(arguments))) }; return e }), q.touch = function () { var c; return "ontouchstart" in a || a.DocumentTouch && b instanceof DocumentTouch ? c = !0 : w(["@media (", m.join("touch-enabled),("), h, ")", "{#modernizr{top:9px;position:absolute}}"].join(""), function (a) { c = a.offsetTop === 9 }), c }, q.cssanimations = function () { return F("animationName") }, q.csstransitions = function () { return F("transition") }; for (var G in q) y(q, G) && (v = G.toLowerCase(), e[v] = q[G](), t.push((e[v] ? "" : "no-") + v)); return e.addTest = function (a, b) { if (typeof a == "object") for (var d in a) y(a, d) && e.addTest(d, a[d]); else { a = a.toLowerCase(); if (e[a] !== c) return e; b = typeof b == "function" ? b() : b, typeof f != "undefined" && f && (g.className += " " + (b ? "" : "no-") + a), e[a] = b } return e }, z(""), i = k = null, function (a, b) { function k(a, b) { var c = a.createElement("p"), d = a.getElementsByTagName("head")[0] || a.documentElement; return c.innerHTML = "x<style>" + b + "</style>", d.insertBefore(c.lastChild, d.firstChild) } function l() { var a = r.elements; return typeof a == "string" ? a.split(" ") : a } function m(a) { var b = i[a[g]]; return b || (b = {}, h++ , a[g] = h, i[h] = b), b } function n(a, c, f) { c || (c = b); if (j) return c.createElement(a); f || (f = m(c)); var g; return f.cache[a] ? g = f.cache[a].cloneNode() : e.test(a) ? g = (f.cache[a] = f.createElem(a)).cloneNode() : g = f.createElem(a), g.canHaveChildren && !d.test(a) ? f.frag.appendChild(g) : g } function o(a, c) { a || (a = b); if (j) return a.createDocumentFragment(); c = c || m(a); var d = c.frag.cloneNode(), e = 0, f = l(), g = f.length; for (; e < g; e++)d.createElement(f[e]); return d } function p(a, b) { b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()), a.createElement = function (c) { return r.shivMethods ? n(c, a, b) : b.createElem(c) }, a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + l().join().replace(/\w+/g, function (a) { return b.createElem(a), b.frag.createElement(a), 'c("' + a + '")' }) + ");return n}")(r, b.frag) } function q(a) { a || (a = b); var c = m(a); return r.shivCSS && !f && !c.hasCSS && (c.hasCSS = !!k(a, "article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")), j || p(a, c), a } var c = a.html5 || {}, d = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i, e = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i, f, g = "_html5shiv", h = 0, i = {}, j; (function () { try { var a = b.createElement("a"); a.innerHTML = "<xyz></xyz>", f = "hidden" in a, j = a.childNodes.length == 1 || function () { b.createElement("a"); var a = b.createDocumentFragment(); return typeof a.cloneNode == "undefined" || typeof a.createDocumentFragment == "undefined" || typeof a.createElement == "undefined" }() } catch (c) { f = !0, j = !0 } })(); var r = { elements: c.elements || "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video", shivCSS: c.shivCSS !== !1, supportsUnknownElements: j, shivMethods: c.shivMethods !== !1, type: "default", shivDocument: q, createElement: n, createDocumentFragment: o }; a.html5 = r, q(b) }(this, b), e._version = d, e._prefixes = m, e._domPrefixes = p, e._cssomPrefixes = o, e.testProp = function (a) { return D([a]) }, e.testAllProps = F, e.testStyles = w, e.prefixed = function (a, b, c) { return b ? F(a, b, c) : F(a, "pfx") }, g.className = g.className.replace(/(^|\s)no-js(\s|$)/, "$1$2") + (f ? " js " + t.join(" ") : ""), e }(this, this.document), function (a, b, c) { function d(a) { return "[object Function]" == o.call(a) } function e(a) { return "string" == typeof a } function f() { } function g(a) { return !a || "loaded" == a || "complete" == a || "uninitialized" == a } function h() { var a = p.shift(); q = 1, a ? a.t ? m(function () { ("c" == a.t ? B.injectCss : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1) }, 0) : (a(), h()) : q = 0 } function i(a, c, d, e, f, i, j) { function k(b) { if (!o && g(l.readyState) && (u.r = o = 1, !q && h(), l.onload = l.onreadystatechange = null, b)) { "img" != a && m(function () { t.removeChild(l) }, 50); for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload() } } var j = j || B.errorTimeout, l = b.createElement(a), o = 0, r = 0, u = { t: d, s: c, e: f, a: i, x: j }; 1 === y[c] && (r = 1, y[c] = []), "object" == a ? l.data = c : (l.src = c, l.type = a), l.width = l.height = "0", l.onerror = l.onload = l.onreadystatechange = function () { k.call(this, r) }, p.splice(e, 0, u), "img" != a && (r || 2 === y[c] ? (t.insertBefore(l, s ? null : n), m(k, j)) : y[c].push(l)) } function j(a, b, c, d, f) { return q = 0, b = b || "j", e(a) ? i("c" == b ? v : u, a, b, this.i++, c, d, f) : (p.splice(this.i++, 0, a), 1 == p.length && h()), this } function k() { var a = B; return a.loader = { load: j, i: 0 }, a } var l = b.documentElement, m = a.setTimeout, n = b.getElementsByTagName("script")[0], o = {}.toString, p = [], q = 0, r = "MozAppearance" in l.style, s = r && !!b.createRange().compareNode, t = s ? l : n.parentNode, l = a.opera && "[object Opera]" == o.call(a.opera), l = !!b.attachEvent && !l, u = r ? "object" : l ? "script" : "img", v = l ? "script" : u, w = Array.isArray || function (a) { return "[object Array]" == o.call(a) }, x = [], y = {}, z = { timeout: function (a, b) { return b.length && (a.timeout = b[0]), a } }, A, B; B = function (a) { function b(a) { var a = a.split("!"), b = x.length, c = a.pop(), d = a.length, c = { url: c, origUrl: c, prefixes: a }, e, f, g; for (f = 0; f < d; f++)g = a[f].split("="), (e = z[g.shift()]) && (c = e(c, g)); for (f = 0; f < b; f++)c = x[f](c); return c } function g(a, e, f, g, h) { var i = b(a), j = i.autoCallback; i.url.split(".").pop().split("?").shift(), i.bypass || (e && (e = d(e) ? e : e[a] || e[g] || e[a.split("/").pop().split("?")[0]]), i.instead ? i.instead(a, e, f, g, h) : (y[i.url] ? i.noexec = !0 : y[i.url] = 1, f.load(i.url, i.forceCSS || !i.forceJS && "css" == i.url.split(".").pop().split("?").shift() ? "c" : c, i.noexec, i.attrs, i.timeout), (d(e) || d(j)) && f.load(function () { k(), e && e(i.origUrl, h, g), j && j(i.origUrl, h, g), y[i.url] = 2 }))) } function h(a, b) { function c(a, c) { if (a) { if (e(a)) c || (j = function () { var a = [].slice.call(arguments); k.apply(this, a), l() }), g(a, j, b, 0, h); else if (Object(a) === a) for (n in m = function () { var b = 0, c; for (c in a) a.hasOwnProperty(c) && b++; return b }(), a) a.hasOwnProperty(n) && (!c && !--m && (d(j) ? j = function () { var a = [].slice.call(arguments); k.apply(this, a), l() } : j[n] = function (a) { return function () { var b = [].slice.call(arguments); a && a.apply(this, b), l() } }(k[n])), g(a[n], j, b, n, h)) } else !c && l() } var h = !!a.test, i = a.load || a.both, j = a.callback || f, k = j, l = a.complete || f, m, n; c(h ? a.yep : a.nope, !!i), i && c(i) } var i, j, l = this.yepnope.loader; if (e(a)) g(a, 0, l, 0); else if (w(a)) for (i = 0; i < a.length; i++)j = a[i], e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l); else Object(a) === a && h(a, l) }, B.addPrefix = function (a, b) { z[a] = b }, B.addFilter = function (a) { x.push(a) }, B.errorTimeout = 1e4, null == b.readyState && b.addEventListener && (b.readyState = "loading", b.addEventListener("DOMContentLoaded", A = function () { b.removeEventListener("DOMContentLoaded", A, 0), b.readyState = "complete" }, 0)), a.yepnope = k(), a.yepnope.executeStack = h, a.yepnope.injectJs = function (a, c, d, e, i, j) { var k = b.createElement("script"), l, o, e = e || B.errorTimeout; k.src = a; for (o in d) k.setAttribute(o, d[o]); c = j ? h : c || f, k.onreadystatechange = k.onload = function () { !l && g(k.readyState) && (l = 1, c(), k.onload = k.onreadystatechange = null) }, m(function () { l || (l = 1, c(1)) }, e), i ? k.onload() : n.parentNode.insertBefore(k, n) }, a.yepnope.injectCss = function (a, c, d, e, g, i) { var e = b.createElement("link"), j, c = i ? h : c || f; e.href = a, e.rel = "stylesheet", e.type = "text/css"; for (j in d) e.setAttribute(j, d[j]); g || (n.parentNode.insertBefore(e, n), m(c, 0)) } }(this, document), Modernizr.load = function () { yepnope.apply(window, [].slice.call(arguments, 0)) };
/** * jquery.dlmenu.js v1.0.1 * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2013, Codrops * http://www.codrops.com */ ; (function ($, window, undefined) {
'use strict';
// global var Modernizr = window.Modernizr, $body = $('body');
$.DLMenu = function (options, element) { this.$el = $(element); this._init(options); };
// the options $.DLMenu.defaults = { // classes for the animation effects animationClasses: { classin: 'dl-animate-in-1', classout: 'dl-animate-out-1' }, // callback: click a link that has a sub menu // el is the link element (li); name is the level name onLevelClick: function (el, name) { return false; }, // callback: click a link that does not have a sub menu // el is the link element (li); ev is the event obj onLinkClick: function (el, ev) { return false; }, backLabel: 'Back', // Change to "true" to use the active item as back link label. useActiveItemAsBackLabel: false, // Change to "true" to add a navigable link to the active item to its child // menu. useActiveItemAsLink: false, // On close reset the menu to root resetOnClose: true };
$.DLMenu.prototype = { _init: function (options) {
// options this.options = $.extend(true, {}, $.DLMenu.defaults, options); // cache some elements and initialize some variables this._config();
var animEndEventNames = { 'WebkitAnimation': 'webkitAnimationEnd', 'OAnimation': 'oAnimationEnd', 'msAnimation': 'MSAnimationEnd', 'animation': 'animationend' }, transEndEventNames = { 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd', 'msTransition': 'MSTransitionEnd', 'transition': 'transitionend' }; // animation end event name this.animEndEventName = animEndEventNames[Modernizr.prefixed('animation')] + '.dlmenu'; // transition end event name this.transEndEventName = transEndEventNames[Modernizr.prefixed('transition')] + '.dlmenu'; // support for css animations and css transitions this.supportAnimations = Modernizr.cssanimations; this.supportTransitions = Modernizr.csstransitions;
this._initEvents();
}, _config: function () { this.open = false; this.$trigger = this.$el.children('.dl-trigger'); this.$menu = this.$el.children('ul.dl-menu'); this.$menuitems = this.$menu.find('li:not(.dl-back)');this.$el.find('ul.dl-submenu').prepend('
this.$back = this.$menu.find('li.dl-back');
// Set the label text for the back link. if (this.options.useActiveItemAsBackLabel) { this.$back.each(function () { var $this = $(this), parentLabel = $this.parents('li:first').find('a:first').text();
$this.find('a').html(parentLabel); }); } // If the active item should also be a clickable link, create one and put // it at the top of our menu. if (this.options.useActiveItemAsLink) { this.$el.find('ul.dl-submenu').prepend(function () { var parentli = $(this).parents('li:not(.dl-back):first').find('a:first');return '
}); }
}, _initEvents: function () {
var self = this;
this.$trigger.on('click.dlmenu', function () { if (self.open) { self._closeMenu(); } else { self._openMenu(); // clicking somewhere else makes the menu close $body.off('click').children().on('click.dlmenu', function () { self._closeMenu(); });
} return false; });
this.$menuitems.on('click.dlmenu', function (event) {
event.stopPropagation();
var $item = $(this), $submenu = $item.children('ul.dl-submenu');
// Only go to the next menu level if one exists AND the link isn't the // one we added specifically for navigating to parent item pages. if ($submenu.length > 0) { if(!($(event.currentTarget).hasClass('dl-subviewopen'))){
var $flyin = $submenu.clone().css('opacity', 0).insertAfter(self.$menu), onAnimationEndFn = function () { self.$menu.off(self.animEndEventName).removeClass(self.options.animationClasses.classout).addClass('dl-subview'); $item.addClass('dl-subviewopen').parents('.dl-subviewopen:first').removeClass('dl-subviewopen').addClass('dl-subview'); $flyin.remove(); };
setTimeout(function () { $flyin.addClass(self.options.animationClasses.classin); self.$menu.addClass(self.options.animationClasses.classout); if (self.supportAnimations) { self.$menu.on(self.animEndEventName, onAnimationEndFn); } else { onAnimationEndFn.call(); }
self.options.onLevelClick($item, $item.children('a:first').text()); });
return false;
} } else { self.options.onLinkClick($item, event); } });
this.$back.on('click.dlmenu', function (event) {
var $this = $(this), $submenu = $this.parents('ul.dl-submenu:first'), $item = $submenu.parent(),
$flyin = $submenu.clone().insertAfter(self.$menu);
var onAnimationEndFn = function () { self.$menu.off(self.animEndEventName).removeClass(self.options.animationClasses.classin); $flyin.remove(); };
setTimeout(function () { $flyin.addClass(self.options.animationClasses.classout); self.$menu.addClass(self.options.animationClasses.classin); if (self.supportAnimations) { self.$menu.on(self.animEndEventName, onAnimationEndFn); } else { onAnimationEndFn.call(); }
$item.removeClass('dl-subviewopen');
var $subview = $this.parents('.dl-subview:first'); if ($subview.is('li')) { $subview.addClass('dl-subviewopen'); } $subview.removeClass('dl-subview'); });
return false;
});
}, closeMenu: function () { if (this.open) { this._closeMenu(); } }, _closeMenu: function () { var self = this, onTransitionEndFn = function () { self.$menu.off(self.transEndEventName); if (self.options.resetOnClose) { self._resetMenu(); } };
this.$menu.removeClass('dl-menuopen'); this.$menu.addClass('dl-menu-toggle'); this.$trigger.removeClass('dl-active');
if (this.supportTransitions) { this.$menu.on(this.transEndEventName, onTransitionEndFn); } else { onTransitionEndFn.call(); }
this.open = false; }, openMenu: function () { if (!this.open) { this._openMenu(); } }, _openMenu: function () { var self = this; // clicking somewhere else makes the menu close $body.off('click').on('click.dlmenu', function () { self._closeMenu(); }); this.$menu.addClass('dl-menuopen dl-menu-toggle').on(this.transEndEventName, function () { $(this).removeClass('dl-menu-toggle'); }); this.$trigger.addClass('dl-active'); this.open = true; }, // resets the menu to its original state (first level of options) _resetMenu: function () { this.$menu.removeClass('dl-subview'); this.$menuitems.removeClass('dl-subview dl-subviewopen'); } };
var logError = function (message) { if (window.console) { window.console.error(message); } };
$.fn.dlmenu = function (options) { if (typeof options === 'string') { var args = Array.prototype.slice.call(arguments, 1); this.each(function () { var instance = $.data(this, 'dlmenu'); if (!instance) { logError("cannot call methods on dlmenu prior to initialization; " + "attempted to call method '" + options + "'"); return; } if (!$.isFunction(instance[options]) || options.charAt(0) === "_") { logError("no such method '" + options + "' for dlmenu instance"); return; } instance[options].apply(instance, args); }); } else { this.each(function () { var instance = $.data(this, 'dlmenu'); if (instance) { instance._init(); } else { instance = $.data(this, 'dlmenu', new $.DLMenu(options, this)); } }); } return this; };
})(jQuery, window);
$(function () { $('#dl-menu').dlmenu({ animationClasses: { classin: 'dl-animate-in-5', classout: 'dl-animate-out-5' } }); });