123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587 |
- (function($) {
-
- $.fn.navList = function() {
- var $this = $(this);
- $a = $this.find('a'),
- b = [];
- $a.each(function() {
- var $this = $(this),
- indent = Math.max(0, $this.parents('li').length - 1),
- href = $this.attr('href'),
- target = $this.attr('target');
- b.push(
- '<a ' +
- 'class="link depth-' + indent + '"' +
- ( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
- ( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
- '>' +
- '<span class="indent-' + indent + '"></span>' +
- $this.text() +
- '</a>'
- );
- });
- return b.join('');
- };
-
- $.fn.panel = function(userConfig) {
-
- if (this.length == 0)
- return $this;
-
- if (this.length > 1) {
- for (var i=0; i < this.length; i++)
- $(this[i]).panel(userConfig);
- return $this;
- }
-
- var $this = $(this),
- $body = $('body'),
- $window = $(window),
- id = $this.attr('id'),
- config;
-
- config = $.extend({
-
- delay: 0,
-
- hideOnClick: false,
-
- hideOnEscape: false,
-
- hideOnSwipe: false,
-
- resetScroll: false,
-
- resetForms: false,
-
- side: null,
-
- target: $this,
-
- visibleClass: 'visible'
- }, userConfig);
-
- if (typeof config.target != 'jQuery')
- config.target = $(config.target);
-
-
- $this._hide = function(event) {
-
- if (!config.target.hasClass(config.visibleClass))
- return;
-
- if (event) {
- event.preventDefault();
- event.stopPropagation();
- }
-
- config.target.removeClass(config.visibleClass);
-
- window.setTimeout(function() {
-
- if (config.resetScroll)
- $this.scrollTop(0);
-
- if (config.resetForms)
- $this.find('form').each(function() {
- this.reset();
- });
- }, config.delay);
- };
-
- $this
- .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
- .css('-webkit-overflow-scrolling', 'touch');
-
- if (config.hideOnClick) {
- $this.find('a')
- .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
- $this
- .on('click', 'a', function(event) {
- var $a = $(this),
- href = $a.attr('href'),
- target = $a.attr('target');
- if (!href || href == '#' || href == '' || href == '#' + id)
- return;
-
- event.preventDefault();
- event.stopPropagation();
-
- $this._hide();
-
- window.setTimeout(function() {
- if (target == '_blank')
- window.open(href);
- else
- window.location.href = href;
- }, config.delay + 10);
- });
- }
-
- $this.on('touchstart', function(event) {
- $this.touchPosX = event.originalEvent.touches[0].pageX;
- $this.touchPosY = event.originalEvent.touches[0].pageY;
- })
- $this.on('touchmove', function(event) {
- if ($this.touchPosX === null
- || $this.touchPosY === null)
- return;
- var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
- diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
- th = $this.outerHeight(),
- ts = ($this.get(0).scrollHeight - $this.scrollTop());
-
- if (config.hideOnSwipe) {
- var result = false,
- boundary = 20,
- delta = 50;
- switch (config.side) {
- case 'left':
- result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
- break;
- case 'right':
- result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
- break;
- case 'top':
- result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
- break;
- case 'bottom':
- result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
- break;
- default:
- break;
- }
- if (result) {
- $this.touchPosX = null;
- $this.touchPosY = null;
- $this._hide();
- return false;
- }
- }
-
- if (($this.scrollTop() < 0 && diffY < 0)
- || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
- event.preventDefault();
- event.stopPropagation();
- }
- });
-
- $this.on('click touchend touchstart touchmove', function(event) {
- event.stopPropagation();
- });
-
- $this.on('click', 'a[href="#' + id + '"]', function(event) {
- event.preventDefault();
- event.stopPropagation();
- config.target.removeClass(config.visibleClass);
- });
-
-
- $body.on('click touchend', function(event) {
- $this._hide(event);
- });
-
- $body.on('click', 'a[href="#' + id + '"]', function(event) {
- event.preventDefault();
- event.stopPropagation();
- config.target.toggleClass(config.visibleClass);
- });
-
-
- if (config.hideOnEscape)
- $window.on('keydown', function(event) {
- if (event.keyCode == 27)
- $this._hide(event);
- });
- return $this;
- };
-
- $.fn.placeholder = function() {
-
- if (typeof (document.createElement('input')).placeholder != 'undefined')
- return $(this);
-
- if (this.length == 0)
- return $this;
-
- if (this.length > 1) {
- for (var i=0; i < this.length; i++)
- $(this[i]).placeholder();
- return $this;
- }
-
- var $this = $(this);
-
- $this.find('input[type=text],textarea')
- .each(function() {
- var i = $(this);
- if (i.val() == ''
- || i.val() == i.attr('placeholder'))
- i
- .addClass('polyfill-placeholder')
- .val(i.attr('placeholder'));
- })
- .on('blur', function() {
- var i = $(this);
- if (i.attr('name').match(/-polyfill-field$/))
- return;
- if (i.val() == '')
- i
- .addClass('polyfill-placeholder')
- .val(i.attr('placeholder'));
- })
- .on('focus', function() {
- var i = $(this);
- if (i.attr('name').match(/-polyfill-field$/))
- return;
- if (i.val() == i.attr('placeholder'))
- i
- .removeClass('polyfill-placeholder')
- .val('');
- });
-
- $this.find('input[type=password]')
- .each(function() {
- var i = $(this);
- var x = $(
- $('<div>')
- .append(i.clone())
- .remove()
- .html()
- .replace(/type="password"/i, 'type="text"')
- .replace(/type=password/i, 'type=text')
- );
- if (i.attr('id') != '')
- x.attr('id', i.attr('id') + '-polyfill-field');
- if (i.attr('name') != '')
- x.attr('name', i.attr('name') + '-polyfill-field');
- x.addClass('polyfill-placeholder')
- .val(x.attr('placeholder')).insertAfter(i);
- if (i.val() == '')
- i.hide();
- else
- x.hide();
- i
- .on('blur', function(event) {
- event.preventDefault();
- var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
- if (i.val() == '') {
- i.hide();
- x.show();
- }
- });
- x
- .on('focus', function(event) {
- event.preventDefault();
- var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
- x.hide();
- i
- .show()
- .focus();
- })
- .on('keypress', function(event) {
- event.preventDefault();
- x.val('');
- });
- });
-
- $this
- .on('submit', function() {
- $this.find('input[type=text],input[type=password],textarea')
- .each(function(event) {
- var i = $(this);
- if (i.attr('name').match(/-polyfill-field$/))
- i.attr('name', '');
- if (i.val() == i.attr('placeholder')) {
- i.removeClass('polyfill-placeholder');
- i.val('');
- }
- });
- })
- .on('reset', function(event) {
- event.preventDefault();
- $this.find('select')
- .val($('option:first').val());
- $this.find('input,textarea')
- .each(function() {
- var i = $(this),
- x;
- i.removeClass('polyfill-placeholder');
- switch (this.type) {
- case 'submit':
- case 'reset':
- break;
- case 'password':
- i.val(i.attr('defaultValue'));
- x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
- if (i.val() == '') {
- i.hide();
- x.show();
- }
- else {
- i.show();
- x.hide();
- }
- break;
- case 'checkbox':
- case 'radio':
- i.attr('checked', i.attr('defaultValue'));
- break;
- case 'text':
- case 'textarea':
- i.val(i.attr('defaultValue'));
- if (i.val() == '') {
- i.addClass('polyfill-placeholder');
- i.val(i.attr('placeholder'));
- }
- break;
- default:
- i.val(i.attr('defaultValue'));
- break;
- }
- });
- });
- return $this;
- };
-
- $.prioritize = function($elements, condition) {
- var key = '__prioritize';
-
- if (typeof $elements != 'jQuery')
- $elements = $($elements);
-
- $elements.each(function() {
- var $e = $(this), $p,
- $parent = $e.parent();
-
- if ($parent.length == 0)
- return;
-
- if (!$e.data(key)) {
-
- if (!condition)
- return;
-
- $p = $e.prev();
-
- if ($p.length == 0)
- return;
-
- $e.prependTo($parent);
-
- $e.data(key, $p);
- }
-
- else {
-
- if (condition)
- return;
- $p = $e.data(key);
-
- $e.insertAfter($p);
-
- $e.removeData(key);
- }
- });
- };
- })(jQuery);
|