%PDF- %PDF-
Direktori : /www/old2/_terainkognita.cz/www.terainkognita.cz/wp-content/themes/roseta/resources/js/ |
Current File : /www/old2/_terainkognita.cz/www.terainkognita.cz/wp-content/themes/roseta/resources/js/frontend.js |
/* * Frontend JS * * @package Roseta */ jQuery( document ).ready( function() { cryoutLpBoxesRatios(); cryoutMobileMenuInit(); cryoutFixedMobileMenu(); cryoutInitNav( '#mobile-menu' ); cryoutMenuAnimate(); cryoutBackToTop(); cryoutSearchFormAnimation(); cryoutSocialTitles(); cryoutBodyClasses(); cryoutTabsWidget(); cryoutPortfolioFilter(); cryoutHeaderParallax(); cryoutRemoveFocus(); cryoutAnimateLazyImages(); if ( ( ( cryout_theme_settings.fitvids == 2 ) && ( cryout_theme_settings.is_mobile == 1 ) ) || ( cryout_theme_settings.fitvids == 1 ) ) { jQuery( '.entry-content' ).fitVids(); } if ( cryout_theme_settings.autoscroll == 1 ) { cryoutAutoScroll(); } jQuery( window ).on( 'scroll', function() { if ( jQuery( this ).scrollTop() > 30 ) { jQuery( '#nav-fixed' ).addClass( 'nav-fixed-show' ); } else { jQuery( '#nav-fixed' ).removeClass( 'nav-fixed-show' ); } } ); /* Animate articles */ if ( cryout_theme_settings.articleanimation ) { animateScroll( '#content-masonry > article', 'animated-onscroll' ); } /* Animate landing page elements */ if ( cryout_theme_settings.articleanimation ) { animateScroll( '.lp-block, .lp-box, .lp-text, .lp-port, .lp-tt, .lp-section-title, .lp-section-desc', 'animated-onscroll-lp' ); } } ); /* document.ready */ jQuery( window ).on( 'load', function() { cryoutPreloader(); jQuery( window ).trigger( 'scroll' ); cryoutMasonry(); cryoutPortfolioMasonry(); } ); /* window.load */ /* * Functions **/ /* Animate images with the [loading="lazy"] attribute */ function cryoutAnimateLazyImages() { jQuery( 'body:not(.roseta-lazy-noanimation) #content img[loading="lazy"]' ).on( 'load', function() { jQuery( this ).addClass( 'animate-lazy' ); }).each( function() { if ( this.complete ) { jQuery( this ).trigger( 'load' ); } } ); } /* cryoutAnimateLazyImages() */ /* Site preloader */ function cryoutPreloader() { if ( ! jQuery( '.cryout-preloader' ).length ) return; /* Remove preloader backup animation */ if ( jQuery( '.cryout-preloader' ).length ) jQuery( '.cryout-preloader' ).css( 'animation', 'none' ); jQuery( '.cryout-preloader' ).fadeOut( 700, function() { jQuery( this ).remove(); } ); } /* cryoutPreloader() */ /* Force LP boxes images ratios */ function cryoutLpBoxesRatios() { for ( var index = 1; index <= cryout_theme_settings.lpboxratios.length; ++index ) { jQuery( '.lp-boxes-' + index + ' .lp-box-image' ).keepRatio( cryout_theme_settings.lpboxratios[index-1] ); } } /* cryoutLpBoxesRatios() */ /* Menu animation */ function cryoutMenuAnimate() { jQuery( '#access > .menu ul li > a:not(:only-child)' ).attr( 'aria-haspopup', 'true' );/* IE10 mobile Fix */ jQuery( '#access li' ).on( 'mouseenter', function() { jQuery( this ).addClass( 'menu-hover' ); } ).on( 'mouseleave', function() { jQuery( this ).removeClass( 'menu-hover' ); } ); jQuery( '#access ul' ).find( 'a' ).on( 'focus', function() { jQuery( this ).parents( '.menu-item, .page_item' ).addClass( 'menu-hover' ); } ); jQuery( '#access ul' ).find( 'a' ).on( 'blur', function() { jQuery( this ).parents( '.menu-item, .page_item' ).removeClass( 'menu-hover' ); } ); } /* cryoutMenuAnimate() */ /* Back to top button animation */ function cryoutBackToTop() { jQuery( window ).on( 'scroll', function() { if ( jQuery( this ).scrollTop() > 500 ) { jQuery( '#toTop' ).addClass( 'toTop-show' ); } else { jQuery( '#toTop' ).removeClass( 'toTop-show' ); } if ( jQuery( this ).scrollTop() > 200 ) { jQuery( '.roseta-fixed-menu .site-header-bottom' ).addClass( 'header-fixed' ); } else { jQuery( '.roseta-fixed-menu .site-header-bottom' ).removeClass( 'header-fixed' ); } } ); jQuery( '#toTop' ).on( 'click', function( event ) { event.preventDefault(); jQuery( 'html, body' ).animate( { scrollTop: 0 }, 500 ); return false; } ); } /* cryoutBackToTop() */ /* Search form animation */ function cryoutSearchFormAnimation() { var searchIcon = jQuery( '#access .menu-search-animated > a' ), searchForm = jQuery( '.menu-search-animated .searchform, .menu-main-search .icon-cancel' ), searchInput = jQuery( '#access .menu-search-animated .s' ); searchIcon.on( 'click focus', function( event ) { event.preventDefault(); searchForm.fadeIn( 200, function() { searchInput.trigger( 'focus' ); searchInput.css( 'outline', 'none' ); } ); searchInput.addClass( 'is-active' ); event.stopPropagation(); } ); searchForm.on( 'click', function( event ){ event.stopPropagation(); } ); searchInput.on( 'blur', function() { searchInput.removeClass( 'is-active' ); searchForm.fadeOut( 200 ); } ); } /* cryoutSearchFormAnimation() */ /* Mobile Menu */ function cryoutMobileMenuInit() { jQuery( 'body' ).on( 'click', '#nav-toggle', function( e ) { e.stopPropagation(); jQuery( '#site-wrapper' ).addClass( 'is-active' ); jQuery( '#mobile-menu' ).show( 0 ).addClass( 'mobile-show' ); jQuery( 'body' ).addClass( 'noscroll' ); } ); jQuery( 'body' ).on( 'click', '#nav-cancel', function( e ) { e.stopPropagation(); jQuery( '#mobile-menu' ).removeClass( 'mobile-show' ).hide( 500 ); jQuery( '#site-wrapper' ).removeClass( 'is-active' ); jQuery( 'body' ).removeClass( 'noscroll' ); } ); /* Remove animated class from mobile menu */ jQuery( '#mobile-menu .menu-main-search' ).removeClass( 'menu-search-animated' ); jQuery( 'mobile-menu > div' ).append( jQuery( '#top-section-widget' ).clone() ); jQuery( '#mobile-menu #top-section-widget' ).attr( 'id', 'smobile' ); jQuery( '#mobile-menu > div' ).append( jQuery( '#branding' ).clone() ); jQuery( '#mobile-menu #branding' ).attr( 'id', 'bmobile' ); } /* cryoutMobileMenuInit() */ /* Add fixed mobile menu functionality */ function cryoutFixedMobileMenu(){ /* only run if fixed menu is enabled */ if ( cryout_theme_settings.menustyle != 1 ) return; var c, currentScrollTop = 0, navbar = jQuery( '#site-header-main' ), body = jQuery( 'body' ); jQuery( window ).on( 'scroll', function () { var a = jQuery( window ).scrollTop(); var b = jQuery( document ).height(); var viewport = jQuery( window ).height(); var navbarHeight = navbar.height(); currentScrollTop = a; currentScrollBottom = b; if ( c < currentScrollTop && a > navbarHeight + navbarHeight ) { /* scrolling down */ body.removeClass( 'mobile-fixed' ); } else if (currentScrollTop > viewport && ( currentScrollTop < currentScrollBottom - viewport * 2 ) && ( c > currentScrollTop && ( ! ( a <= navbarHeight ) ) ) ) { /* scrolling up */ body.addClass( 'mobile-fixed' ); if ( ! jQuery( '#site-header-main .site-header-bottom #branding' ).length ) { jQuery( '#site-header-main .site-header-top #branding' ) .clone() .prependTo( '#site-header-main .site-header-bottom .site-header-inside' ); } } c = currentScrollTop; /* always clear fixed class when returning to the top */ if ( currentScrollTop <= navbarHeight ) { body.removeClass( 'mobile-fixed' ); jQuery( '#site-header-main .site-header-bottom .site-header-inside' ) .find( '#branding' ).remove(); } } ); } /* cryoutFixedMobileMenu() */ /* Add submenus toggles to the primary navigation */ function cryoutInitNav( selector ) { container = jQuery( selector ); /* Add dropdown toggle that display child menu items. */ container.find( '.menu-item-has-children > a' ) .after( '<button class="dropdown-toggle" aria-expanded="false"></button>' ); container.find( '.page_item_has_children > a' ) .after( '<button class="dropdown-toggle" aria-expanded="false"></button>' ); /* Toggle buttons and submenu items with active children menu items. */ container.find( '.current-menu-ancestor > button, .current-page-ancestor > button' ) .addClass( 'toggle-on' ); container.find( '.current-menu-ancestor > .sub-menu, .current-page-ancestor > .sub-menu,' + ' .current-menu-ancestor .children, .current-page-ancestor .children' ) .show( 0 ).addClass( 'toggled-on' ); container.find( '.dropdown-toggle' ).on( 'click', function( e ) { var _this = jQuery( this ); e.preventDefault(); _this.toggleClass( 'toggle-on' ); if ( _this.hasClass( 'toggle-on') ) { _this.next( '.children, .sub-menu' ).show( 0 ).addClass( 'toggled-on' ); _this.prev( 'a' ).addClass( 'toggled-on' ); } else { _this.next( '.children, .sub-menu' ).removeClass( 'toggled-on' ); _this.next( '.children, .sub-menu' ).find( '.children, .sub-menu' ).removeClass( 'toggled-on' ); _this.next( '.children, .sub-menu' ).find( 'a' ).removeClass( 'toggled-on' ); _this.next( '.children, .sub-menu' ).find( '.dropdown-toggle' ).removeClass( 'toggled-on' ); _this.prev( 'a' ).removeClass( 'toggled-on' ); setTimeout( function() { _this.next( '.children, .sub-menu' ).hide( 0 ); _this.next( '.children, .sub-menu' ).find( '.children, .sub-menu' ).hide( 0 ); }, 600 ); } /* _this.parent().find( 'a' ).toggleClass( 'toggled-on' ); */ _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' ); } ); /* Close mobile menu on click/tap */ jQuery( 'body' ).on( 'click', '#mobile-nav a', function() { jQuery( '#nav-cancel i' ).trigger( 'click' ); } ); } /* cryoutInitNav() */ /* LP Boxes Keep aspect ratio*/ jQuery.fn.keepRatio = function( ratio ) { var $this = jQuery( this ); var nh = $this.width() / ratio; $this.css( 'height', nh + 'px' ); jQuery( window ).on( 'resize', function() { var nh = $this.width() / ratio; $this.css( 'height', nh + 'px' ); } ); }; /* keepRatio() */ /* LP Box Mouse direction overlay animation */ jQuery.fn.mousedir = function( el ) { if ( ! jQuery( 'body' ).hasClass( 'roseta-landing-page' ) ) return; var $this = jQuery( this ), $el = jQuery( el ), last_position = {}, $output = 'direction-down'; jQuery( document ).on( 'mousemove', function ( event ) { if ( typeof( last_position.x ) !== 'undefined' ) { var deltaX = last_position.x - event.offsetX, deltaY = last_position.y - event.offsetY; if ( ( Math.abs( deltaX ) > Math.abs( deltaY ) ) && ( deltaX > 0 ) ) { $output = 'direction-left'; } else if ( ( Math.abs( deltaX ) > Math.abs( deltaY ) ) && ( deltaX < 0 ) ) { $output = 'direction-right'; } else if ( ( Math.abs( deltaY ) > Math.abs( deltaX ) ) && ( deltaY > 0 ) ) { $output = 'direction-up'; } else if ( ( Math.abs( deltaY ) > Math.abs( deltaX ) ) && ( deltaY < 0 ) ) { $output = 'direction-down'; } else { $output = 'direction-down'; } } last_position = { x : event.offsetX, y : event.offsetY }; } ); $el.on( 'mouseenter', function() { $this.removeClass( 'in-direction-left in-direction-right in-direction-up in-direction-down' + ' out-direction-left out-direction-right out-direction-up out-direction-down' ); $this.addClass( 'in-' + $output ); return; } ); $el.on( 'mouseleave', function() { $this.removeClass( 'in-direction-left in-direction-right in-direction-up in-direction-down ' + ' out-direction-left out-direction-right out-direction-up out-direction-down' ); $this.addClass( 'out-' + $output ); return; } ); }; /* mouseDir() */ /* Check if element is visible in browser window */ function isInViewport( el ) { if ( ! jQuery( el ).length ) return; var adminHeight = ( jQuery( '#wpadminbar' ).length ) ? jQuery( '#wpadminbar' ).height() : 0; var elementTop = jQuery( el ).offset().top; var elementBottom = elementTop + jQuery( el ).outerHeight(); var viewportTop = jQuery( window ).scrollTop(); var viewportBottom = viewportTop + jQuery( window ).height() - adminHeight; return ( elementBottom > viewportTop ) && ( elementTop < viewportBottom ); } /* isInViewport() */ /* Animate on scroll */ function animateScroll( $articles, $class ) { var $articles = jQuery( $articles ); $articles.each( function( i, el ) { jQuery( el ).addClass( $class ); } ); jQuery( window ).on( 'scroll', function() { $articles.each( function( i, el ) { if ( isInViewport( el ) ) { jQuery( el ).removeClass( $class ); } } ); } ); jQuery( window ).trigger( 'scroll' ); } /* animateScroll() */ /* Header image paralax effect and opacity, animate header titles */ function cryoutHeaderParallax() { cur_op = parseFloat( jQuery( '#header-page-title-overlay' ).css( 'opacity' ) ); /* Parallax on scroll */ jQuery( window ).on( 'scroll', function() { var scrolled = jQuery( window ).scrollTop(); jQuery( '#masthead .header-image' ).each( function( index, element ) { /* skip animations if element is not currently visible */ if ( jQuery( element ).css( 'display' ) === 'none' ) return true; var initY = jQuery( element ).offset().top, height = jQuery( element ).height(), visible = isInViewport( jQuery( element ) ); if ( visible ) { var diff = scrolled - initY; var ratio = Math.round( ( diff / height ) * 100 ); jQuery( element ).css( 'opacity', 1 ); jQuery( element ).css( 'background-position', 'center ' + ( 50 + parseInt( ratio ) ) + '%' ); if ( ( parseInt( ratio ) >= 0 ) ) { if ( scrolled > 0 ) { jQuery( '#header-page-title-inside' ).css( 'margin-top', parseInt( -( ratio * 1.5 ) ) + 'px' ); } jQuery( '#header-page-title #breadcrumbs-container' ).css( 'bottom', '' + parseInt( -( ratio * 0.5 ) ) + 'px' ); jQuery( '#header-page-title-overlay' ).css( 'opacity', ( cur_op + ( parseInt( ratio ) / 100 * ( 1 - cur_op ) ) ) ); } } } ); } ); } /* cryoutHeaderParallax() /* Add Social Icons titles */ function cryoutSocialTitles() { jQuery( '.socials a' ).each( function() { jQuery( this ).attr( 'title', jQuery( this ).children().html() ); jQuery( this ).html( '' ); } ); } /* cryoutSocialTitles() */ /* Add body classes */ function cryoutBodyClasses() { /* Detect and apply custom class for Safari */ if ( ( navigator.userAgent.indexOf( 'Safari' ) !== -1 ) && ( navigator.userAgent.indexOf( 'Chrome' ) === -1 ) ) { jQuery( 'body' ).addClass( 'safari' ); } /* Add body class if masonry is used on page */ if ( jQuery( '#content-masonry' ).length > 0 ) { jQuery( 'body' ).addClass( 'roseta-with-masonry' ); } } /* cryoutBodyClasses() */ /* Remove all off-canvas states */ function cryoutRemoveFocus() { jQuery( 'input, textarea, select, button, a' ).on( 'focus', function() { if (jQuery( this ).data( 'mousedown' ) || jQuery( this ).data( 'mouseup' ) ) { jQuery( this ).css( 'outline', 'none' ); } } ); } /* cryoutRemoveFocus() */ /* Tabs widget */ function cryoutTabsWidget() { var tabsNav = jQuery( '.cryout-wtabs-nav' ), tabsNavLis = tabsNav.children( 'li' ); tabsNav.each( function() { var localthis = jQuery( this ); localthis.next().children( '.cryout-wtab' ).stop( true, true ) .children( 'li' ).hide() .parent().siblings( localthis.find( 'a' ).attr( 'href' ) ) .children( 'li' ).show(); localthis.children( 'li' ).first() .addClass( 'active' ).stop( true, true ).show(); } ); tabsNavLis.on( 'click', function( e ) { var localthis = jQuery( this ), tabs_duration = 200; localthis.siblings().removeClass( 'active' ).end().addClass( 'active' ); localthis.parent().next().children( '.cryout-wtab' ).stop( true, true ) .children( 'li' ).hide() .parent().siblings( localthis.find( 'a' ).attr( 'href' ) ) .children( 'li' ).each( function( index ) { jQuery( this ).fadeIn( tabs_duration * ( index + 1 ) ); } ); e.preventDefault(); } ).children( window.location.hash ? 'a[href="' + window.location.hash + '"]' : 'a:first' ) .trigger( 'click' ); } /* cryoutTabsWidget() */ /* Blog Masonry */ function cryoutMasonry() { if ( ( cryout_theme_settings.masonry == 1 ) && ( cryout_theme_settings.magazine != 1 ) && ( typeof jQuery.fn.masonry !== 'undefined' ) ) { jQuery( '#content-masonry' ).masonry( { itemSelector: 'article', columnWidth: 'article', percentPosition: true, isRTL: cryout_theme_settings.rtl, } ); } } /* cryoutMasonry() */ /* Jetpack Portfolio Masonry */ function cryoutPortfolioMasonry() { if ( ( cryout_theme_settings.masonry == 1 ) && ( typeof jQuery.fn.masonry !== 'undefined' ) ) { jQuery( '#lp-portfolio .jetpack-portfolio-shortcode' ).masonry( { itemSelector: '.portfolio-entry', columnWidth: '.portfolio-entry:not(.hidey)', percentPosition: true, isRTL: cryout_theme_settings.rtl, } ); } } /* cryoutPortfolioMasonry() */ /* Portfolio filtering */ function cryoutPortfolioFilter() { jQuery( 'body' ).on( 'click', '#portfolio-filter > a', function( e ) { e.preventDefault(); jQuery( '#portfolio-filter > a' ).removeClass( 'active' ); jQuery( this ).addClass( 'active' ); var filter = jQuery( this ).attr( 'data-slug' ); jQuery( '#portfolio-masonry .portfolio-entry' ).each( function( i, elm ) { if ( filter == 'all' ) { jQuery( elm ).removeClass( 'hidey' ).fadeIn( 'fast' ); } else { if ( ! jQuery( elm ).hasClass( 'type-' + filter ) ) { jQuery( elm ).addClass( 'hidey' ).fadeOut( 'fast' ); } else { jQuery( elm ).removeClass( 'hidey' ).fadeIn( 'fast' ); } } } ).promise().done( function() { cryoutPortfolioMasonry(); /*jQuery('.jetpack-portfolio-shortcode').masonry();*/ } ); return false; } ); } /* cryoutPortfolioFilter() */ /** * Scroll to anchors */ function cryoutAutoScroll(document, history, location) { document = window.document; history = window.history; location = window.location; var HISTORY_SUPPORT = !! ( history && history.pushState ); var anchorScrolls = { ANCHOR_REGEX: /^#[^ ]+$/, OFFSET_HEIGHT_PX: jQuery( '.roseta-fixed-menu #site-header-main' ).height(), /* Establish events, and fix initial scroll position if a hash is provided. */ init: function() { this.scrollToCurrent(); jQuery( window ).on( 'hashchange', jQuery.proxy( this, 'scrollToCurrent' ) ); jQuery( 'body' ).on( 'click', '.main a, nav ul li a, .meta-arrow', jQuery.proxy( this, 'delegateAnchors' ) ); }, /* Return the offset amount to deduct from the normal scroll position. Modify as appropriate to allow for dynamic calculations. */ getFixedOffset: function() { return ( this.OFFSET_HEIGHT_PX ) ? this.OFFSET_HEIGHT_PX : 0; }, /* If the provided href is an anchor which resolves to an element on the page, scroll to it. */ scrollIfAnchor: function( href, pushToHistory ) { var match, anchorOffset; if ( ! this.ANCHOR_REGEX.test( href ) ) { return false; } match = document.getElementById(href.slice(1)); if ( match && ( ! isInViewport( match ) ) && jQuery( match ).offset().top ) { anchorOffset = jQuery( match ).offset().top - this.getFixedOffset(); jQuery( 'html, body' ).animate( { scrollTop: anchorOffset} ); /* Add the state to history as-per normal anchor links */ if ( HISTORY_SUPPORT && pushToHistory ) { history.pushState( {}, document.title, location.pathname + href ); } } return !!match; }, /* Attempt to scroll to the current location's hash */ scrollToCurrent: function(e) { if (this.scrollIfAnchor(window.location.hash) && e) { e.preventDefault(); } }, /* If the click event's target was an anchor, fix the scroll position */ delegateAnchors: function( e ) { var elem = e.target.closest( 'a' ); if ( this.scrollIfAnchor( elem.getAttribute( 'href' ), true ) ) { e.preventDefault(); } } }; jQuery( document ).ready( jQuery.proxy( anchorScrolls, 'init' ) ); } /* FitVids 1.1*/ ;(function( $ ){ 'use strict'; $.fn.fitVids = function( options ) { var settings = { customSelector: null, ignore: null }; if(!document.getElementById('fit-vids-style')) { /* appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js */ var head = document.head || document.getElementsByTagName('head')[0]; var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; var div = document.createElement("div"); div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>'; head.appendChild(div.childNodes[1]); } if ( options ) { $.extend( settings, options ); } return this.each(function(){ var selectors = [ 'iframe[src*="player.vimeo.com"]', 'iframe[src*="youtube.com"]', 'iframe[src*="youtube-nocookie.com"]', 'iframe[src*="kickstarter.com"][src*="video.html"]', 'object', 'embed' ]; if (settings.customSelector) { selectors.push(settings.customSelector); } var ignoreList = '.fitvidsignore, .wp-block-embed__wrapper'; if(settings.ignore) { ignoreList = ignoreList + ', ' + settings.ignore; } var $allVideos = $(this).find(selectors.join(',')); $allVideos = $allVideos.not('object object'); /* SwfObj conflict patch */ $allVideos = $allVideos.not(ignoreList); /* Disable FitVids on this video. */ $allVideos.each(function(){ var $this = $(this); if($this.parents(ignoreList).length > 0) { return; /* Disable FitVids on this video. */ } if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) { $this.attr('height', 9); $this.attr('width', 16); } var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), aspectRatio = height / width; if(!$this.attr('name')){ var videoName = 'fitvid' + $.fn.fitVids._count; $this.attr('name', videoName); $.fn.fitVids._count++; } $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); $this.removeAttr('height').removeAttr('width'); }); }); }; /* Internal counter for unique video names. */ $.fn.fitVids._count = 0; /* Works with either jQuery or Zepto */ })( window.jQuery || window.Zepto ); /* IE .closest() fix */ if ( window.Element && ( ! Element.prototype.closest ) ) { Element.prototype.closest = function( s ) { var matches = ( this.document || this.ownerDocument ).querySelectorAll( s ), i, el = this; do { i = matches.length; while (--i >= 0 && matches.item( i ) !== el) {} } while ( (i < 0) && ( el = el.parentElement ) ); return el; }; } /* FIN */