Snippets Collections
$(document).ready(function () {
	$('a[data-scroll]').click(function () {
		$('html, body').animate(
			{
				scrollTop: $('.conatct-us').offset().top,
			},
			1000,
		);
	});
});
$(document).ready(function ($) {
	$('body .description-form').on(
		'change',
		'.gchoice input[type="radio"]',
		function () {
			if ($(this).is(':checked')) {
				$(this)
					.closest(
						'.gform_page:nth-child(1),.gform_page:nth-child(2),.gform_page:nth-child(3)',
					)
					.find('.gform_next_button')
					.click();
			}
		},
	);
});
$(document).ready(function () {
	$('[data-property-slider]')
		.on('initialized.owl.carousel changed.owl.carousel', function (e) {
			$('#counter').text(
				e.relatedTarget.relative(e.item.index) + 1 + '/' + e.item.count,
			);
		})
		.owlCarousel({
			loop: false,
			nav: true,
			dots: false,
			animateIn: true,
			responsiveClass: true,
			items: 1,
			margin: 30,
			navText: [
				'<a class="arrow-left" aria-hidden="true"></a>',
				'<a class="arrow-right" aria-hidden="true"></a>',
			],
			responsive: {
				576: {
					items: 1,
				},
				789: {
					items: 2,
				},
			},
		});
});

// Add leading zero
//.on('changed.owl.carousel', function (e) {
// 	var currentSlideIndex = e.item.index + 1;
// 	var formattedSlideIndex = ('0' + currentSlideIndex).slice(-2); // Add leading zero
// 	$('#counter').text(formattedSlideIndex);
// })

// for append div
//$(document).ready(function () {
	// Append div#counter after ul
	//$('.example').after('<div id="counter">1</div>');
//});
wp.domReady(function () {
	wp.blocks.registerBlockStyle('core/button', {
		name: 'with-arrow',
		label: 'With Arrow',
	});
	wp.blocks.registerBlockStyle('core/button', {
		name: 'link-btn',
		label: 'Link Btn',
	});
  	wp.blocks.registerBlockStyle('core/list', {
		name: 'check',
		label: 'check mark',
	});
});
constructor(element) {
		this.$element = $(element);
		this.$slider = this.$element.find('.team-carousel__slider');

		this.init();
	}

	init() {
		const itemCount = this.$slider.find('.team-carousel__slider-item').length;
		if (itemCount > 4) {
			this.$slider.addClass('owl-carousel');
			this.$slider.owlCarousel({
				margin: 30,
				center: false,
				autoplay: true,
				autoplaySpeed: 2000,
				autoplayHoverPause: true,
				responsiveClass: true,
				items: 1,
				navText: [
					'<a class="arrow-left" aria-hidden="true"></a>',
					'<a class="arrow-right" aria-hidden="true"></a>',
				],
				responsive: {
					576: {
						items: 1,
					},
					789: {
						items: 2,
					},
					992: {
						items: 3,
					},
					1199: {
						items: 4,
					},
				},
			});
		} else if (itemCount <= 4) {
			this.$slider.removeClass('owl-carousel');
		} else {
			this.$slider.removeClass('owl-carousel');
		}
	}

//$(document).ready(function () {
// 	var $landingMasthead = $('[data-landing-masthead]');
// 	if ($landingMasthead.children().length > 1) {
// 		$landingMasthead.owlCarousel({
// 			loop: false,
// 			nav: true,
// 			dots: true,
// 			animateIn: true,
// 			responsiveClass: true,
// 			items: 1,
// 			navText: [
// 				'<a class="arrow-left" aria-hidden="true"></a>',
// 				'<a class="arrow-right" aria-hidden="true"></a>',
// 			],
// 		});
// 	} else {
// 		$landingMasthead.removeClass('owl-carousel');
// 	}
// });
$('.our-approach__row:first').addClass('active');
		$('.our-approach__content').hide();
		$('.our-approach__content:first').show();

		$('.our-approach__row').click(function () {
			$('.our-approach__row').removeClass('active');
			$(this).addClass('active');
			$('.our-approach__content').hide();

			var activeTab = $(this).find('a').attr('href');
			$(activeTab).fadeIn(700);
			return false;
		});
constructor(element) {
		this.$element = $(element);
		this.$tabs = this.$element.find('.accordion__tab');
		this.$innerConts = this.$element.find('.accordion__inner-cont');
		this.$contents = this.$element.find('.accordion__content');
		this.init();
	}

	init() {
		this.$tabs.first().addClass('active');
		this.$innerConts.first().addClass('active');
		this.$tabs.click((e) => {
			e.preventDefault();
			const $this = $(e.currentTarget);
			this.$tabs.not($this).add(this.$innerConts).removeClass('active');
			this.$contents.not($this.next()).slideUp();
			$this.toggleClass('active').parent().toggleClass('active');
			$this.find('.icon').toggleClass('icon-up icon-down');
			$this.next().slideToggle();
		});
	}

// constructor(element) {
	// 	this.$element = $(element);
	// 	this.$tabs = this.$element.find('.faq__tab');
	// 	this.init();
	// }

	// init() {
	// 	$('.faq__tab:first, .faq__inner-cont:first').addClass('active');
	// 	this.$tabs.click(function (e) {
	// 		e.preventDefault();
	// 		$('.faq__tab, .faq__inner-cont').not(this).removeClass('active');
	// 		$('.faq__content').not($(this).next()).slideUp();
	// 		$(this).toggleClass('active');
	// 		$(this).parent().toggleClass('active');
	// 		$(this).find('.icon').toggleClass('icon-up icon-down');
	// 		$(this).next().slideToggle();
	// 	});
	// }
jQuery('img').each(function($){
            var $img = jQuery(this);
            var imgID = $img.attr('id');
            var imgClass = $img.attr('class');
            var imgURL = $img.attr('src');

            jQuery.get(imgURL, function(data) {
                // Get the SVG tag, ignore the rest
                var $svg = jQuery(data).find('svg');

                // Add replaced image's ID to the new SVG
                if(typeof imgID !== 'undefined') {
                    $svg = $svg.attr('id', imgID);
                }
                // Add replaced image's classes to the new SVG
                if(typeof imgClass !== 'undefined') {
                    $svg = $svg.attr('class', imgClass+' replaced-svg');
                }

                // Remove any invalid XML tags as per http://validator.w3.org
                $svg = $svg.removeAttr('xmlns:a');

                // Replace image with new SVG
                $img.replaceWith($svg);

            }, 'xml');

        });
constructor(element) {
		this.$element = $(element);
		this.$popup = this.$element.find('.media-text__img');

		this.init();
	}

	init() {
		this.$popup.magnificPopup({
			disableOn: 0,
			type: 'iframe',
			mainClass: 'mfp-fade',
			removalDelay: 160,
			preloader: false,
			fixedContentPos: true,
		});
	}
import $ from 'jquery';

class Header {
	constructor(element) {
		this.$element = $(element);
		this.$burger = this.$element.find('.header__burger');
		this.$Nav = this.$element.find('.nav-main');
		this.$hasSub = this.$element.find('.menu-item-has-children');
		this.$menuArrow = this.$element.find('.dropdown-arv-cont');
		this.$menuBg = this.$element.find('.header__menu-bg');
		this.init();
	}

	// headerPadding() {
	// 	if (!this.$element.hasClass('header--transperant')) {
	// 		let hHeight = this.$element.height();
	// 		$('.main-wrapper').css({ 'padding-top': hHeight });
	// 	}
	// }

	init() {
		// $(document).ready(() => {
		// 	this.headerPadding();
		// });

		$(window).on('resize load', () => {
			this.$element.addClass('loaded');
		});

		$(window).on('scroll', () => {
			if ($(window).scrollTop() > 100) {
				$('.header').addClass('sticky');
			} else {
				$('.header').removeClass('sticky');
			}
		});

		$(document).on(
			'click',
			'.menu-item-has-children .dropdown-arv-cont',
			function () {
				$(this).closest('li').toggleClass('active');
			},
		);

		this.$burger.on('click', (e) => {
			e.preventDefault();
			if ($(e.currentTarget).hasClass('opened')) {
				$(e.currentTarget).removeClass('opened').attr('aria-expanded', 'false');
				this.$Nav.slideUp(300).parent().removeClass('active');
				$('.menu-item-has-children .dropdown-arv-cont').removeClass('active');
				$('body').css('overflow-y', 'visible');
				$('.dropdown-arv-cont')
					.closest('li')
					.children('.sub-menu')
					.removeClass('active');
			} else {
				$(e.currentTarget).addClass('opened').attr('aria-expanded', 'true');
				this.$Nav.slideDown(300).parent().toggleClass('active');
				$('body').css('overflow-y', 'hidden');
			}
		});

		this.$menuBg.on('click', (e) => {
			e.preventDefault();
			this.$burger.removeClass('opened').attr('aria-expanded', 'false');
			this.$Nav.slideUp(300).parent().removeClass('active');
		});

		$(document).on('click', '.dropdown-arv-cont', function (e) {
			e.preventDefault();
			if ($(this).hasClass('active')) {
				$(this).removeClass('active');
				$(this).closest('li').children('.sub-menu').removeClass('active');
			} else {
				$(this).addClass('active');
				$(this).closest('li').children('.sub-menu').addClass('active');
			}
		});
	}
}

$('[data-header]').each((index, element) => new Header(element));
var contentSlider = $('.blog-slider__cont');
		var imageSlider = $('.blog-slider__slider');

		contentSlider.owlCarousel({
			items: 1,
			loop: true,
			dots: false,
			nav: false,
			mouseDrag: false,
			touchDrag: false,
		});

		imageSlider.owlCarousel({
			loop: true,
			dots: true,
			nav: false,
			items: 1,
			margin: 30,
			responsive: {
				320: {
					items: 1,
				},
				576: {
					items: 2,
				},
			},
		});

		imageSlider.on('changed.owl.carousel', function (event) {
			var currentIndex = event.relatedTarget.relative(event.item.index);
			contentSlider.trigger('to.owl.carousel', [currentIndex]);
		});
// Slick Script
function site_styles() {
	wp_register_style('slick', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css', array(), false, 'all');
    wp_enqueue_style('slick');
	wp_register_style('slick-theme', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css', array(), false, 'all');
    wp_enqueue_style('slick-theme');
}
add_action('wp_enqueue_scripts', 'site_styles');

// Slick Script
add_action('wp_body_open', function() { ?>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<?php });

***
  
<script type="text/javascript">    
	jQuery('.history-timeline').slick({
	  dots: true,
	  infinite: false,
	  speed: 300,
	  slidesToShow: 3,
	  slidesToScroll: 3,
	  responsive: [
	    {
	      breakpoint: 1024,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 767,
	      settings: {
	        slidesToShow: 1,
	        slidesToScroll: 1
	      }
	    }
	    // You can unslick at a given breakpoint now by adding:
	    // settings: "unslick"
	    // instead of a settings object
	  ]
	});
</script>
import $ from 'jquery';

if ($('.content-block').length > 0) {
	$('.content-block').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});

	$('.content-block .wp-block-columns .wp-block-column:first-child').attr({
		'data-aos': 'fade-right',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});

	$('.content-block .wp-block-columns .wp-block-column:last-child').attr({
		'data-aos': 'fade-left',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});
}

if ($('.choose-us').length > 0) {
	$('.choose-us').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});

	$('.choose-us .wp-block-columns .wp-block-column:first-child').attr({
		'data-aos': 'fade-right',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});

	$('.choose-us .wp-block-columns .wp-block-column:last-child').attr({
		'data-aos': 'fade-left',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});
}

if ($('.process').length > 0) {
	$('.process').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});
}

if ($('.cta').length > 0) {
	$('.cta').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});
}

if ($('.contact-form').length > 0) {
	$('.contact-form .wp-block-columns .wp-block-column:first-child').attr({
		'data-aos': 'fade-right',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});

	$('.contact-form .wp-block-columns .wp-block-column:last-child').attr({
		'data-aos': 'fade-left',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});
}

if ($('.accordion').length > 0) {
	$('.accordion').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});

	$('.accordion .wp-block-columns .wp-block-column:first-child').attr({
		'data-aos': 'fade-in',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-duration': '2000',
	});

	$('.accordion .wp-block-columns .wp-block-column:last-child').attr({
		'data-aos': 'fade-in',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-duration': '2000',
	});
}

if ($('.professional-services').length > 0) {
	$(
		'.professional-services .wp-block-columns .wp-block-column:first-child',
	).attr({
		'data-aos': 'fade-right',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});

	$('.professional-services .wp-block-columns .wp-block-column:last-child').attr(
		{
			'data-aos': 'fade-left',
			'data-aos-once': true,
			'data-aos-delay': 200,
			'data-aos-easing': 'ease-in-sine',
		},
	);
}

if ($('.image-text').length > 0) {
	$('.image-text').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});

	$('.image-text .wp-block-columns .wp-block-column:first-child').attr({
		'data-aos': 'fade-right',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});

	$('.image-text .wp-block-columns .wp-block-column:last-child').attr({
		'data-aos': 'fade-left',
		'data-aos-once': true,
		'data-aos-delay': 200,
		'data-aos-easing': 'ease-in-sine',
	});
}
if ($('.expertise').length > 0) {
	$('.expertise').attr({
		'data-aos': 'fade-up',
		'data-aos-once': true,
		'data-aos-delay': 200,
	});
}
import $ from 'jquery';
import '../../node_modules/waypoints/lib/jquery.waypoints';

class StatisticsOne {
	constructor(element) {
		this.$element = $(element);
		this.$counter = this.$element.find('.counter__count');
		this.init();
	}

	init() {
		this.$counter.each((index, element) => {
			let $this = $(element);
			let countTo = $this.attr('data-count');

			$this.waypoint({
				handler: function (direction) {
					$({ countNum: $this.text() }).animate(
						{
							countNum: countTo,
						},
						{
							duration: 3000,
							easing: 'linear',
							step: function () {
								$this.text(Math.floor(this.countNum));
							},
							complete: function () {
								$this.text(
									Math.abs(this.countNum) > 999
										? Math.sign(this.countNum) *
												(Math.abs(this.countNum) / 1000).toFixed(1) +
												'K+'
										: Math.sign(this.countNum) * Math.abs(this.countNum) + '+',
								);
								Waypoint.destroyAll();
							},
						},
					);
				},
				offset: '90%',
			});
		});
	}
}

$('[data-statistics-one]').each((index, element) => new StatisticsOne(element));
$('.search-tab__tabs li:first-child').addClass('active');
		$('.search-tab__content').hide();
		$('.search-tab__content:first').show();

		$('.search-tab__tabs li').click(function () {
			$('.search-tab__tabs li').removeClass('active');
			$(this).addClass('active');
			$('.search-tab__content').hide();

			var activeTab = $(this).find('a').attr('href');
			$(activeTab).fadeIn(700);
			return false;
		});
$('.faq__tab:first').addClass('active');
		$('.faq__tab').click(function (e) {
			e.preventDefault();
			$('.faq__tab').not(this).removeClass('active');
			$('.faq__content').not($(this).next()).slideUp();
			$(this).toggleClass('active');
			$(this).find('.icon').toggleClass('icon-up icon-down');
			$(this).next().slideToggle();
		});
function scrollBanner() {
      jQuery(document).on('scroll', function(){
      var scrollPos = jQuery(this).scrollTop();
        jQuery('.home_banner').css({
          'top' : (scrollPos/4)+'px',
        });
      });    
      }
scrollBanner(); 


// With out function


jQuery(document).ready(function(){
	
	jQuery(window).on('scroll', function(){
		var scrollTop = jQuery(window).scrollTop();
		jQuery('.home_banner').css({'top': (scrollTop/4) +'px'});
		
	});
});
jQuery('img').each(function($){
            var $img = jQuery(this);
            var imgID = $img.attr('id');
            var imgClass = $img.attr('class');
            var imgURL = $img.attr('src');

            jQuery.get(imgURL, function(data) {
                // Get the SVG tag, ignore the rest
                var $svg = jQuery(data).find('svg');

                // Add replaced image's ID to the new SVG
                if(typeof imgID !== 'undefined') {
                    $svg = $svg.attr('id', imgID);
                }
                // Add replaced image's classes to the new SVG
                if(typeof imgClass !== 'undefined') {
                    $svg = $svg.attr('class', imgClass+' replaced-svg');
                }

                // Remove any invalid XML tags as per http://validator.w3.org
                $svg = $svg.removeAttr('xmlns:a');

                // Replace image with new SVG
                $img.replaceWith($svg);

            }, 'xml');

        });
/**
 * Attach icon class to the menu title
 *
 * @param $sorted_menu_items
 * @param $args
 * @return mixed
 */
function wti_add_arrow_to_parent_menu_item($sorted_menu_items, $args)
{
	foreach ($sorted_menu_items as $menu_item) {
		if (array_search('menu-item-has-children', $menu_item->classes) != FALSE) {
			$menu_item->title = $menu_item->title . '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M19.9201 9.44995L13.4001 15.97C12.6301 16.74 11.3701 16.74 10.6001 15.97L4.08008 9.44995" stroke="#fff" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
				</svg>';
		}
	}

	return $sorted_menu_items;
}
// Dropdown arrows to parent menu items
add_filter('wp_nav_menu_objects', 'wti_add_arrow_to_parent_menu_item', 10, 2);
import $ from 'jquery';

class Header {
	constructor(element) {
		this.$element = $(element);
		this.$burger = this.$element.find('.header__burger');
		this.$Nav = this.$element.find('.nav-main');
		this.$hasSub = this.$element.find('.menu-item-has-children');
		this.$menuArrow = this.$element.find('i.fa-angle-down');
		this.$menuBg = this.$element.find('.header__menu-bg');
		this.init();
	}

	dropDown() {
		let winW = $(window).width();
		if (winW < 991) {
			if (
				this.$element.find('.menu-item-has-children .fa-angle-down').length == 0
			) {
				this.$hasSub.prepend('<i class="fa fa-angle-down"></i>');
			}
		} else {
			this.$hasSub.children('.fa-angle-down').remove();
		}
	}

	init() {
		$(document).ready(() => {
			this.dropDown();
		});

		$(document).on(
			'click',
			'.menu-item-has-children .fa-angle-down',
			function () {
				$(this).parent().toggleClass('active');
				$(this).parent().children('a:first').toggleClass('active');
			},
		);

		$(window).resize(() => {
			this.dropDown();
		});

		$(window).scroll(function () {
			if ($(window).scrollTop() > 50) {
				$('.header').addClass('sticky');
			} else {
				$('.header').removeClass('sticky');
			}
		});

		this.$burger.click((e) => {
			e.preventDefault();
			if ($(e.currentTarget).hasClass('opened')) {
				$(e.currentTarget).removeClass('opened').attr('aria-expanded', 'false');
				this.$Nav.slideUp(300).parent().removeClass('active');
			} else {
				$(e.currentTarget).addClass('opened').attr('aria-expanded', 'true');
				this.$Nav.slideDown(300).parent().addClass('active');
			}
		});

		this.$menuBg.click((e) => {
			e.preventDefault();
			this.$burger.removeClass('opened').attr('aria-expanded', 'false');
			this.$Nav.slideUp(300).parent().removeClass('active');
		});

		$(document).on('click', '.fa-angle-down', function (e) {
			e.preventDefault();
			if ($(this).hasClass('active')) {
				$(this).removeClass('active');
				$(this).parent('li').children('.sub-menu').removeClass('active');
			} else {
				$(this).addClass('active');
				$(this).parent('li').children('.sub-menu').addClass('active');
			}
		});
	}
}

$('[data-header]').each((index, element) => new Header(element));
jQuery(document).on('click', '#loadMore', function () {
        jQuery('#loading-image').show();
        jQuery(document).find('#load-data').addClass('show-overlay');
        var cat_name = jQuery('.slider-feature-section').find('.current-cat').attr('data-slug');
        data_page = jQuery(this).attr('data_page');
        jQuery(this).parents('.show-more').remove();
        jQuery.ajax({
            type: "post",
            url: TOPNZCASINOPUBLIC.ajaxurl,
            data: {
                action: "load_more",
                page: data_page,
                cat_name: cat_name
            },
            success: function (response) {
                jQuery("#load-data").append(response);
                jQuery('#loading-image').hide();
                jQuery(document).find('#load-data').removeClass('show-overlay');
            }
        });
    });
/** Vanilla javascript **/

    // Get the value of the checked radio button, undefined on not checked or not found
   let radioButtonValue = (document.querySelector("input[name='radioName']:checked") || {}).value || undefined

    // Check radio button with value ...
    (document.querySelector("input[name='radioName'][value='A']") || {}).checked=true;

/** jQuery **/

    // Get the value of the checked radio button, undefined on not checked or not found
   let radioButtonValue = $("input[name='radioName']:checked").val();

    // Check radio button with value ...
   $("input[name='radioName'][value='A']").prop('checked',true);
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
1. stop(true, true) : $("#box1").stop(true,true)

   현 진행되고 있는 효과는 정지되고 현재 효과의 끝으로 이동한 후 나머지 효과들은 지워 진다.


2. stop(true, false) : $("#box2").stop(true,false)

    현 진행되고 있는 효과는 정지되고 모든 효과들이 정지된다.


3. stop(false,true) : $("#box3").stop(false,true)

   현 진행되고 있는 효과는 정지되고 현재 효과의 끝으로 이동한 후  남은 효과들이 실행된다.


4. stop(false,false) : $("#box4").stop(false,false)

  현 진행되고 있는 효과는 정지되고   남은 효과들이 실행된다.
brasero
sqlite3
postgres
firefox
chrome
chromium
emacs terminal
wezterm nigthly terminal
alacrity
tilix
dolphin
archivos
thunderbird
telegram
postman
discover
visual studio code 
la batalla por wesnoth
muon ssh clien
anydesk

una imagen es el empaquetador que contiene las dependencias el codigo y es lo que se comparte

un container son capas tras capas de imagenes

existen tres tipos de virtualizaciones en las VM virtualmachine
1.- para virtualizacion
en la paravirtualizacion intenta entregar la mayor cantidad de acceso del sistema anfitrion de su hardware a los cientes en el contenedor

2.- virtualizacion parcial
donde algunos componentes del hardware se virtualizan para en sistema operativo cliente

3.- virtualizacion completa:
donde absolutamente todos los componentes o hardware que esta utilizando el sistema operativo cliente son virtualizados de esta manera los sistemas operativos cliente no acceden en los absoluto al hardware

para todos los casos anteriores docker va a ser absolutamente superior y va a utilizar el kernel del sistema opetativo anfitrion y esto se traduce en rendimiento, los contenedores de docker parten casi que instantaneamente, obteniendo un rendimiento muy superior a todas las alternativas mencionadas anteriormente fin de la teoria


docker desktop es una maquina virtual se encuentra optimizada
corre linux
ejecuta containers
permite acceder al sistema de archivos y tambien a la red(interna y externa)

docker desktop no es una unica herramienta viene con otras herramientas que nos sirven para trabajar con nuestras imagenes y tambien con nuestros containers dentro de estas herramientes tenemos 

docker compose, docker cli ademas de otras herramientas

puede correr de manera nativa en windows con la herramienta WSL2(windows subsystem for linux)


existe una alternativa de instalacion para windows,linux y mac

para windows una sola opcion solamente es descargarlo y presionar siguiente siguiente siguente y listo

para mac existen dos alternatinas pulsar la de la derecha en la pagina web de docker

para linux docker ya tiene paquetes de instalacion pre compilados dependiendo de la version de linux que estes utilizando utiliza la alternativa que mas te funcione

que es dockerHUB: es un repositorio de imagenes o contenedores disponibles para comenzar a trabajar oficiales para utilizar

proceso para instalarlo
* docker images : devuelve un listado completo de todas las imagenes que hallamos descargado en nuestra maquina
donde repositorio te muestra el nombre de la imagen que se halla descargado, cada repositorio puede tener una o mas etiquetas con la version de la imagen

para descargar una imagen tenemos dos alternativas con el siguiente comando
1.-descargar la version que nosotros queremos
2.- no especificar nada esto va a descargar la ultima version de la imagen que queramos descargar
ejemplo:
* docker pull node

este comando te descargara cada una de las capas que componen la imagen de manera que si tenemos que descargar otra imagen y sus capas ya han sido descargadas por otro imagen las capas ya descargadas anteriormente ya no se volveran a descargar de esta manera de aprovecha espacio y tambien las distintas imagenes para optimizar un poco mas el espacio que estas van a utilizar en el disco duro

para descargar una version especifica de una imagen
* docker pull node:18

la imagen id es la misma que las otras versiones relativamente similares lo que cambia es la etiqueta de la version

para descargar la imagende mysql 
en mac se debe colocar 
* docker pull --platform linux/x86_64 mysql

normal es 

* docker pull mysql

tambien podemos indicar una version

* docker pull mysql:numeroversion

para eliminar una imagen en ejecucion el comando es

* docker image rm nombredelaimagen

la imagen de docker pull no necesita tantas configuraciones

Despues de descargar una imagen se procede a crear un contenedor

* docker create mongo (forma corta)

* docker container create mongo (forma larga) 

nos devuelve un id del contenedor (este id nos sirve para crear un contenedor)
el comando para ejecutar un contenedor es:

* docker start idContenedor (donde idcontenedor es el codigo id largo del contenedor) esto nos devuelve el id del contenedor nuevamente

* docker ps : este comando es como docker iamges pero se usa para ver los contenedores creados, cuando se crea un contenedor se le agrega un nombre de manera arbitraria al contenedor y ese nombre se puede usar en lugar del idcortocontenedor para eliminar el contenedor

* docker ps -a para ver todos los contenedores incluso los que no se estan ejecutando

para detener el contenedor se debe usar el comando

* docker stop idcortocontenedor

para asignar un nombre a un contenedor:

* docker create --name nombreContenedor esto nos devuelve el idlargo del contenedor indicando que ya se ha creado el contenedor

y como ya le hemos asignado un nombre al contenedor podemos iniciarlo con:

* Docker start nombreContenedorAsignado

para poder guardar datos dentro de un contenedor se debe mapear el puerto local al puerto del contenedor:

* docker create -p27017:27017 --name nombreContenedor nombreImagenBase donde lo que esta antes del : es el puerto de la maquina nuestra la maquina local y lo que esta despues del : es el puerto interno del contenedor, siempre asignale un puerto a cada contenedor creado por que si dejas que docker asigne un puerto los va a asignar por encima del puerto 50mil

con el comando 
docker logs nombreContenedor  puedes ver todos los logs que este nos muestra y tambien puedes verlo con

* docker logs --follow nombreContenedor la diferencia es que este se queda escuchando y mostrando los logs en tiempo real

el comando docker run hace tres cosas 
1.-descarga la imagen
2.-crea el contenedor
3.-inicia el contenedor

* ejemplo docker run mongo
docker run mongo

los siguientes dos comandos devulven el id del contenedor creado
docker run -d mongo este nos asigna un nombre arbitrariamente por docker
docker run --name nombreContenedor -p27017:27017 -d imagenbase este comando nos permite crear un contenedor mas personalizado

luego para ver el contenedor usa el comando 
* docker ps

configuracion del archivo dockerfile
tomar una aplicacion de docker un meterla dentro de un container
el archivo dockerfile no puede tener otro nombre se tiene que llamar dockerfile, este archivo se utiliza para que nosotros podamos construir nuestros containers, aqui nosotros vamos a escribir las instrucciones que necesita nuestro contenedor para poder crearse,m todas las imagenes que nosotros creemos siempre se tienen que basar en alguna otra imagen

ejemplo
* FROM node:etiquetaversion

RUN mkdir -p /home/app --esto es donde vamos a meter el codigo fuente de nuestra aplicacion, esta ruta no es una ruta fisita en nuestra maquina sino que es una ruta en el contenedor 

COPY . /home/app

EXPOSE 3000 ruta donde se va a ejecutar la aplicacion

CMD ["node","/home/app/index.js"]

ahora vamos a aprender a crear redes en docker

* docker ls : lista todas las redes existentes

* docker network create mired : este comando creara una nueva red dentro de docker este nos devolvera el id de la red creada

* docker network rm mired este comando elimina la red creada anteriormente

el siguiente comando recibe dos argumentos (nombreDadoPorMI,rutanodenosencontramos ) y se utiliza para construir contenedores en base a un archivo dockerfile

* docker build -t miapp:etiquetaversiondadapormi .

*docker create -P27017:27017 --name monguito --network mired -e MONGO_INITDB_ROOT_USERNAME=nico -e MONGO_INIT_DB_ROOT_PASSWORD=password mongo

ahora para colocar el contenedor de la aplicacion que nosotros acabamos de colocar dentro de una imagen

*docker create -p3000 --name chanchito --network mired miapp:1

*luego escribir docker ps -a

luego de hacer esto debemos arrancar los dos contenedores que creamos y que estan dentro de una misma red
sudo docker start monguito
sudo docker start chanchito

resumen de pasos para poder crear contenedores y tambien conectarlos
descargar la imagen
crear una red
crear el contenedor
	asignar puertos 
    asignar un nombre
    variables de entorno
    especificar la red
    indicar la imagen:consuetiqueta
todo esto por cada contenedor

para automatizar todo los pasos anteriores existe la herramienta docker compose
para esto debemos crear y editar un archivo con extension.yml

la estructura de este archivo es la siguiente
version:"3.9"
services:
	chanchito:
		build: .
        ports:
			-"3000:3000"
		links:
			-monguito
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password

ahora para ejecutar un archivo docker yml o docker compose se utiliza el siguiente comando:
docker compose up

luego verificas las imagenes creadadas con 

*docker images

con el comando 
docker compose down que es lo contrario de docker compose up, para eliminartodo lo que se creo anteriormente con docker compose up

para trabajar con volumenes vamos al final del archivo compose 
version:"3.9"
services:
	chanchito:
		build: .
        ports:
			-"3000:3000"
		links:
			-monguito
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password
		volumes:
			-mongo-data:/data/db
            # mysql -> var/lib/mysql
            # postgres -> var/lib/postgresql/data
volumes:
	mongo_data:

para crear multiples ambientes de desarrollo mientras estamos trabajando con docker
primero debemos crear un archivo con extension.dev ejemplo dockerfile.yml ya que el archivo que teniamos anterior mente quizas queramos usarlo para produccion ejemplo dockerfile.dev la estructura este este archivo es parecida al archivo dockerfile anterior con algunas diferencias

FROM node:18

RUN npm i -g nodemon
RUN mkdir -p /home/app

WORKDIR /home/app

EXPOSE 3000

CMD ["nodemon","index.js"]

ademas de este archivo demos crear un archivo compose para desarrollo tambien al cual llamaremos docker-compose-dev.yml con la siguiente estructura
version:"3.9"
services:
	chanchito:
		build: 
        context: .
        dockerfile:dockerfile.dev
        ports:
			-"3000:3000"
		links:
			-monguito
		volumes: 
			- .:/home/app
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password
		volumes:
			-mongo-data:/data/db
            # mysql -> var/lib/mysql
            # postgres -> var/lib/postgresql/data
volumes:
	mongo_data:

para provar el archivo que acabamos de construir utilizamos el siguiente comando, un archivo docker compose completamente customisado que no sea docker-compose.yml

docker compose -f docker-compose-dev.yml up
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
// ================================
// Extra Footer
// ================================

/* add_action('ava_before_footer','extra_footer');
    function extra_footer() { ?>
        <!-- 
        <div id='extra_footer' class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-builder-el-32 el_after_av_layout_row avia-builder-el-last  container_wrap fullsize'>
            <div class='container'>
                
            </div>
         </div>
        -->
<?php } */
sudo apt-get install alacritty
      //				tilix
		//				wezterm-nightly  --esto se consigue como un archivo app
add_filter( 'enqueue_modern_header_banner_style', '__return_false' );
<div class="facet-listing center-three-columns">
    <?php while ( have_posts() ): the_post(); ?>
        <a class="facet-card flex_column" href="<?php the_permalink(); ?>">
            <div class="thumbnail-block">
                <?php $featured_img_url = get_the_post_thumbnail_url( get_the_ID(),'full'); ?>
                <img class="card-thumbnail" src="<?php echo $featured_img_url; ?>">
            </div>
            <div class="content-block">
                <h3 class="card-title"><?php the_title(); ?></h3>
                <span class="false-link">Learn More <span class="avia-font-entypo-fontello arrow-icon"></span></span>
            </div>
        </a>
    <?php endwhile; ?>
</div>
<script>
  (() => {
  document.write((new Date()).toLocaleDateString('ru', {
    "month": "long"
  }))
})();
</script> и
<script>
  (() => {
  let d = new Date();
  d.setMonth(d.getMonth() + 1);
  document.write(d.toLocaleDateString('ru', {
    "month": "long"
  }))
})();
</script>

<script>
  var months = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];

  var currentDate = new Date();
  var currentMonth = months[currentDate.getMonth()];

  var nextMonthDate = new Date();
  nextMonthDate.setMonth(nextMonthDate.getMonth() + 1);
  var nextMonth = months[nextMonthDate.getMonth()];

  document.write(currentMonth + ' и ' + nextMonth);
</script>
wp_enqueue_style('single-team', get_stylesheet_directory_uri().'/assets/single-leadership.css');
mv mover y tambien sirve para cambiar el nombre
mv nombrearchivoacambiar nuevomobre.ext && mv nuevonombre.ext /rutadondeguardarlo
function avf_alb_supported_post_types_mod( array $supported_post_types )
{
  $supported_post_types[] = 'leadership';
      return $supported_post_types;
}
add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);
principio de la tabla:
[
  'class' => 'yii\grid\ActionColumn',
            'contentOptions' => ['style' => 'text-align:center; width:2%; vertical-align:middle;'],
 ]
Final de la tabla:
'class' => 'yii\grid\ActionColumn',
            'contentOptions' => ['style' => 'text-align:center; width:2%; vertical-align:middle;'],
  
listas:
'id_reporte' => [
            'attribute' => 'id_reporte',
            'headerOptions' => ['style' => 'text-align:center; width:5%;text-color:white;'],
            'contentOptions' => ['style' => 'text-align:center; vertical-align:middle; white-space: pre-line;'],
            'label' => 'Tipo de Reporte',
            'filter' => app\models\Reportes::lista(),
            'format' => 'html',
            'value' => function ($data) {
                $s = app\models\Reportes::find()->where(['id_reporte' => $data->id_reporte])->one();
                $desc_reporte = ($s) ? $s->desc_reporte : '';
                $desc_reporte = nl2br($desc_reporte);
                $desc_reporte = wordwrap($desc_reporte, 20, "<br>\n");
                return $desc_reporte;
            }
        ],

campos:
'attribute' => 'fecha_hora',
            'value' => 'fecha_hora',
            'headerOptions' => ['style' => 'text-align:center; width:10%;text-color:white;'],
            'contentOptions' => ['style' => 'text-align:center; vertical-align:middle;'],
alt + z = ajuta la lineas de codigo para que se vea la linea completa en la pantalla
ctrl + shift + a= comenta varias lineas de cdigo
ctrl + f = buscar en el codigo o buscar en archivos debo seleccionar el lugar en donde voy a buscar
ctrl + shift + p = abre la paleta de comandos
DOCTYPE: html
  html lang="en"
    head
    #text: ⏎␣␣
      title
      #text: Sample page
      #text: ⏎␣
    #text: ⏎␣
    body
    #text: ⏎␣␣
      h1
      #text: Sample page
      #text: ⏎␣␣
      p
        #text: This is a
        a href="demo.html"
      	 #text: simple
      #text: sample.
      #text: ⏎␣␣
      #comment: this is a comment
     #text: ⏎␣⏎
// Shortcode [king_events]

function king_events ( $atts, $content = null) {
    $today = date('Ymd');
	$atts = shortcode_atts(
        array(
            'type' => '',
            'number' => '-1',
        ),
        $atts,
        'king_events'
    );
    $args = array(
        'post_type' => 'tkc-event',
		'posts_per_page' => -1,
        'post_status' => 'publish',
        'orderby' => 'event_date',
        'order' => 'ASC',
        'meta_query' => array(
            array(
                'key' => 'event_date',
                'compare' => '>',
                'value' => $today,
                'type' => 'DATE'
            )
        ),
    );

	if( !empty( $atts['type'] ) ) {
		$args['tax_query'] = array(
			array(
				'taxonomy' => 'event_type',
				'field' => 'slug',
				'terms' => $atts['type'],
            )
		);
	}

    $events_query = new WP_Query($args);

    ob_start();
    if($events_query->have_posts()) { ?>

    <div class="events-wrap">

    <?php

    while ($events_query->have_posts()) {
    $events_query->the_post(); ?>

    <div class="belove-event-inner">
        <div class="belove-event-img">
            <a href="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>">
                <?php if ( has_post_thumbnail() ) { the_post_thumbnail('big-square'); } ?>
            </a>
        </div>
        <div class="belove-event-content">
            <h3><?php echo the_title(); ?></h3>
            <div class="event-details">
                <?php echo the_content(); ?>
            </div>
			<?php if (get_field('event_link')) { ?>
            <div class="belove-event-link">
                <?php if(get_field('button_label')) { ?>
                    <a href="<?php echo get_field('event_link'); ?>" target="_blank"><?php echo get_field('button_label'); ?></a>
                <?php }else { ?>
                    <a href="<?php echo get_field('event_link'); ?>" target="_blank">Registration</a>
                <?php }?>
            </div>
			<?php } ?>
        </div>
    </div>

    <?php }
    wp_reset_postdata();
    ?>
    </div>

    <?php
    } else { ?>
        <div>No Events found</div>
    <?php }
    return ob_get_clean();
}

add_shortcode('king_events', 'king_events');
// Bx Slider 
 
function custom_scripts()
{
    wp_register_script('bxslider', 'https://cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js', array(), false, true);
    wp_enqueue_script('bxslider');
}
 
add_action('wp_enqueue_scripts', 'custom_scripts');
 
function bxslider_init() { ?>
    <script>
    (function($){
        $(document).ready(function() {
                $(".image-ticker").show();
                $('.image-ticker').bxSlider({
                    minSlides: 1,
                    maxSlides: 8,
                    slideWidth: 189,
                    slideMargin: 0,
                    ticker: true,
                    speed: 50000
                });
            });
        })(jQuery)   
    </script>
<?php }
 
add_action ('wp_footer', 'bxslider_init');

<!-- MARKUP - Put Codeblock Class as 'slider-logos' -->

<div class="image-ticker" style="display:none">
    <span class="logo-item"><img src="#"></span>

</div>

<!-- STYLE -->

<style>
.bx-wrapper {
    max-width: 100% !important;
}

.logo-item {
    text-align: center;
    display: flex !important;
    align-items: center;
    margin: 0;
    padding: 0 25px;
    height: 80px;
    width: auto !important;
}

.logo-item img {
    width: auto;
    height: auto;
    max-width: 180px;
    max-height: 80px;
}

.bx-viewport {
    height: auto !important;
}
</style>
aptitude search bash-completion
           //   bash sh-sequence-bash-completion
Ejecutamos este comando -basta con copy&paste- en la consola "sudo gedit /etc/bash.bashrc".
Descomentamos las tres últimas líneas de ese fichero que se ha abierto, quedando así:
if [ -f /etc/bashcompletion ]; then
. /etc/bashcompletion
fi

Una vez esté todo como el código que os mostramos podremos guardar de nuevo el fichero. Un apunte: antes de la primera línea hay un comentario que podéis dejar o eliminar. Yo personalmente os diría que no lo eliminéis para que sepáis para que sirve ese fichero en un futuro. Probad a comenzar a escribir un comando y pulsad TAB, veréis como se completa el comando automáticamente.

Un ejemplo muy básico para probar esta función es escribir "cd /h" y pulsar el tabulador, automáticamente debería aparecer "cd /home" en pantalla. Le dais a enter y ya tendréis el comando ejecutado.
https://code.visualstudio.com/docs/editor/tasks#vscode
{
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "window.zoomLevel": 1,
    "git.openRepositoryInParentFolders": "never",
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.iconTheme": "material-icon-theme",
    "prettier.bracketSameLine": true,
    "editor.wordWrap": "on",
    "screencastMode.fontSize":20,
    "editor.tabSize": 2,
    "screencastMode.verticalOffset": 3,
    "settingsSync.ignoredExtensions": [
        "ms-ceintl.vscode-language-pack-es"
    ],
    "application.shellEnvironmentResolutionTimeout": 25,
    "workbench.colorTheme": "Night Owl",
    "launch": {
        "configurations": [
            
 
        ]
    }
}
Html:
Nota;para colocar el codigo Html solamente tipea !.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="app">
    {{mensaje}}
    <hr>
    <input type="button" @click="mostrar=!mostrar" value="Click">
    <input v-if="mostrar" v-model="mensaje2">
  </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
</body>
</html>

JavaScript:
const app = new Vue ({
el:"#app",
  data: {
    mensaje:"Aja",
    mensaje2:"Hola Bomboncito",
    mostrar:false
  }
})
Salida:
$.ajax({
  url: ajaxurl,
  type: 'get',
  data: {
    action: 'php_function_name',
    search_term: SEARCH_ME
  },
  success: function(res) {
    var json = $.parseJSON(res);
    console.log(json);
    if (json.status === 0) {
      response([{ label: "No data found" }]);
    } else {
      response(json.data);
    }
  }
});
<?php Pjax::begin(); 
    $gridColumns = [
[
                'attribute' => 'avance',
                'headerOptions' => ['style' => 'text-align:center; '],
                'contentOptions' => ['style' => 'text-align:center; vertical-align:middle;'],
                'format' => 'raw',
                'value' => function($model) {
                    $string = $model->observacion;
                    $wrappedString = wordwrap($string, 40, "\n");
                    return '<div style="max-height: 80px; overflow: auto; max-width: 200px;">' . nl2br($wrappedString) . '</div>';
                },
                
            ],
            [
                'attribute' => 'observacion',
                'headerOptions' => ['style' => 'text-align:center; '],
                'contentOptions' => ['style' => 'text-align:center; vertical-align:middle;'],
                'format' => 'raw',
                'value' => function($model) {
                    $string = $model->observacion;
                    $wrappedString = wordwrap($string, 40, "\n");
                    return '<div style="max-height: 80px; overflow: auto; max-width: 200px;">' . nl2br($wrappedString) . '</div>';
                },
            ],
]; ?>
      <div class="quiz-block" id="quiz-block">
        <div class="quiz-item active">
          <h2>Scopri se sei infetto/a da parassiti! </h2>
          <a class="btn-main no-scroll" id="show-test">Avviare il test </a>
        </div>
        <div class="quiz-item quiz-item-first">
          <p>Quanti anni hai? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="age"> Fino a 25 anni </label>
            <label><input type="radio" name="age"> Da 25 a 45 anni </label>
            <label><input type="radio" name="age"> Più di 45 anni </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Sei maschio o femmina? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sex"> Maschio </label>
            <label><input type="radio" name="sex"> Femmina </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Soffri di insonnia o di altri problemi legati al sonno? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Sì </label>
            <label><input type="radio" name="sleep"> No </label>
            <label><input type="radio" name="sleep"> A volte </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza hai disturbi gastrointestinali (gonfiore, diarrea, costipazione)? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Frequentemente </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Hai papillomi sul corpo? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="mole"> Molti </label>
            <label><input type="radio" name="mole"> Sì, ma pochi </label>
            <label><input type="radio" name="mole"> No </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza soffri di mal di testa? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Almeno una volta alla settimana </label>
            <label><input type="radio" name="sleep"> Meno di una volta alla settimana </label>
            <label><input type="radio" name="sleep"> Molto raramente o mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Ti fanno male le articolazioni? (I parassiti rilasciano tossine che avvelenano i tessuti delle
            articolazioni).</p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Spesso </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza hai il raffreddore? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Ogni mese </label>
            <label><input type="radio" name="sleep"> Una volta ogni 3-6 mesi </label>
            <label><input type="radio" name="sleep"> 1 volta all'anno o meno </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Hai notato l'alito cattivo? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Frequentemente </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 last-click no-scroll">Ottenere i risultati </a>
        </div>
        <div class="result-block">
          <p style="line-height: 20px;">ATTENZIONE! <br><br> La probabilità di un'invasione parassitaria nel tuo caso è
            del 92%. <br><br> Il rischio di sviluppare complicazioni gravi nei mesi successivi è dell'80%! <br><br> È
            importante sottoporsi a una pulizia completa dai parassiti, ma solo con l'aiuto di un rimedio naturale. Il
            carico tossico dell'organismo è a un livello critico, tanto che l'assunzione aggiuntiva di antiparassitari
            chimici può peggiorare la situazione. </p>
        </div>
      </div>
          
                <script>
        $("#show-test").click(function () {
          $(".quiz-item-first").css("display", "block");
          $(".quiz-item.active").css("display", "none");
        });

        $(".btn-main-2").click(function () {
          $(".btn-main-2").css("background", "blue");
          var selectedOption = $(this).closest(".quiz-item").find("input:checked");
          if (selectedOption.length === 0) {
            $(".btn-main-2").css("background", "red");
            return;
          }

          $(this).closest(".quiz-item").hide();
          $(this).closest(".quiz-item").next(".quiz-item").show();
        });

        $(".last-click").click(function () {
          $(".result-block").css("display", "block");
        });
      </script>
#!/bin/bash

# Crea la base de datos
createdb 'nombre_de_tu_base_de_datos'

# Conecta a la base de datos
psql 'nombre_de_tu_base_de_datos' << EOF

# Crea la tabla
CREATE TABLE 'nombre_de_tu_tabla' (
  'nombre_de_tu_columna_1' tipo_de_dato_1,
  'nombre_de_tu_columna_2' tipo_de_dato_2,
  'nombre_de_tu_columna_3' tipo_de_dato_3,
  ...
);

# Sal del cliente de PostgreSQL
\q

EOF
#!/bin/bash

# Crea la base de datos
createdb 'nombre_de_tu_base_de_datos'

# Conecta a la base de datos
psql 'nombre_de_tu_base_de_datos' << EOF

# Crea la tabla
CREATE TABLE 'nombre_de_tu_tabla' (
  'nombre_de_tu_columna_1' tipo_de_dato_1,
  'nombre_de_tu_columna_2' tipo_de_dato_2,
  'nombre_de_tu_columna_3' tipo_de_dato_3,
  ...
);

# Sal del cliente de PostgreSQL
\q

EOF
sudo apt-get clean all
sudo rm -rf /var/lib/apt/lists/*
sudo apt-get update --fix-missing
sudo apt-get upgrade

instalar dependencias faltantes 
sudo apt -f install
 $taxonomy = 'product_cat'; 
   $primary_cat_id=get_post_meta($product->id,'_yoast_wpseo_primary_' . $taxonomy, true);
    if($primary_cat_id){
       $primary_cat = get_term($primary_cat_id, $taxonomy);
       if(isset($primary_cat->name)) 
           echo $primary_cat->name;
    }
cntrl + shift + t: abrir una ventana del navegador que ya habias cerrado con anterioridad
windows + l: bloquea el ordenador y guarda todo el trabajo
$(function () {
  $("select").change(function () {
    if ($(this).val() === "RU") {
      $(".country1").text("Россия");
    } else if ($(this).val() === "UZ") {
      $(".country1").text("Узбекистан");
    }
  })
});
Supongamos que estamos desarrollando una aplicación de gestión de proyectos. Cada proyecto tiene un solo gerente, pero un gerente puede estar a cargo de varios proyectos. Además, cada proyecto puede tener varios miembros del equipo, y cada miembro del equipo puede estar asignado a varios proyectos.

1.-modelo(app/models/Proyecto.php)

<?php

namespace app\models;

use yii\db\ActiveRecord;

class Proyecto extends ActiveRecord
{
    public static function tableName()
    {
        return 'proyectos';
    }

    public function getGerente()
    {
        return $this->hasOne(Gerente::className(), ['id' => 'id_gerente']);
    }

    public function getMiembrosEquipo()
    {
        return $this->hasMany(MiembroEquipo::className(), ['id_proyecto' => 'id']);
    }
}

En este ejemplo, estamos creando un modelo llamado Proyecto que extiende de la clase ActiveRecord de Yii2. Este modelo representa la tabla proyectos de la base de datos PostgreSQL y tiene una relación de uno a uno con la tabla gerentes y una relación de uno a muchos con la tabla miembros_equipo.

2.-Modelo(app/models/Gerente.php)

<?php

namespace app\models;

use yii\db\ActiveRecord;

class Gerente extends ActiveRecord
{
    public static function tableName()
    {
        return 'gerentes';
    }

    public function getProyectos()
    {
        return $this->hasMany(Proyecto::className(), ['id_gerente' => 'id']);
    }
}

En este ejemplo, estamos creando un modelo llamado Gerente que extiende de la clase ActiveRecord de Yii2. Este modelo representa la tabla gerentes de la base de datos PostgreSQL y tiene una relación de uno a muchos con la tabla proyectos.


3.-Modelo(app/models/MiembroEquipo.php)

<?php

namespace app\models;

use yii\db\ActiveRecord;

class MiembroEquipo extends ActiveRecord
{
    public static function tableName()
    {
        return 'miembros_equipo';
    }

    public function getProyecto()
    {
        return $this->hasOne(Proyecto::className(), ['id' => 'id_proyecto']);
    }

    public function getEmpleado()
    {
        return $this->hasOne(Empleado::className(), ['id' => 'id_empleado']);
    }
}

En este ejemplo, estamos creando un modelo llamado MiembroEquipo que extiende de la clase ActiveRecord de Yii2. Este modelo representa la tabla miembros_equipo de la base de datos PostgreSQL y tiene una relación de uno a uno con la tabla proyectos y una relación de uno a uno con la tabla empleados.


4.-Modelo(app/models/Empleado.php)

<?php

namespace app\models;

use yii\db\ActiveRecord;

class Empleado extends ActiveRecord
{
    public static function tableName()
    {
        return 'empleados';
    }

    public function getMiembrosEquipo()
    {
        return $this->hasMany(MiembroEquipo::className(), ['id_empleado' => 'id']);
    }
}

En este ejemplo, estamos creando un modelo llamado Empleado que extiende de la clase ActiveRecord de Yii2. Este modelo representa la tabla empleados de la base de datos PostgreSQL y tiene una relación de uno a muchos con la tabla miembros_equipo.

5.-Controlador(app/controllers/ProyectoController.php)

<?php

namespace app\controllers;

use yii\web\Controller;
use app\models\Proyecto;

class ProyectoController extends Controller
{
    public function actionIndex()
    {
        $proyectos = Proyecto::find()->with('gerente', 'miembrosEquipo.empleado')->all();
        return $this->render('index', ['proyectos' => $proyectos]);
 }
}

En este ejemplo, estamos creando un controlador llamado ProyectoController que tiene un método llamado actionIndex que se encarga de obtener todos los proyectos de la base de datos y sus relaciones con gerentes y miembros del equipo utilizando los modelos Proyecto, Gerente, MiembroEquipo y Empleado. Luego, se renderiza la vista index y se le pasa como parámetro los proyectos obtenidos.

6.-Vista(app/views/proyecto/index.php)

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Gerente</th>
            <th>Miembros del equipo</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($proyectos as $proyecto): ?>
            <tr>
                <td><?= $proyecto->id ?></td>
                <td><?= $proyecto->nombre ?></td>
                <td><?= $proyecto->gerente->nombre ?></td>
                <td>
                    <ul>
                        <?php foreach ($proyecto->miembrosEquipo as $miembroEquipo): ?>
                            <li><?= $miembroEquipo->empleado->nombre ?></li>
                        <?php endforeach ?>
                    </ul>
                </td>
            </tr>
        <?php endforeach ?>
    </tbody>
</table>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        // Código de jQuery aquí
    });
</script>

En este ejemplo, estamos creando una vista llamada index que muestra una tabla con los proyectos, sus gerentes y sus miembros del equipo. También estamos incluyendo la librería de jQuery y un bloque de código jQuery vacío que se ejecutará cuando el DOM esté listo.

7.-Codigo Jquery (app/web/js/mi-script.js)

En este ejemplo, estamos utilizando jQuery para hacer una petición AJAX al servidor cuando el usuario hace clic en una fila de la tabla de proyectos. La petición se realiza al controlador ProyectoController y al método actionGet, que se encarga de obtener los detalles del proyecto con el ID especificado y devolverlos en formato JSON.
Recuerda que debes ajustar los nombres de los archivos y las rutas según la estructura de tu aplicación Yii2 y PostgreSQL.
Espero que esto te ayude a entender cómo podrías implementar relaciones de 1 a 1, 0 a 1 y muchos a muchos utilizando Yii2, PostgreSQL, MVC, OOP y jQuery.

8.- código SQL para crear las tablas utilizadas en el ejemplo de la aplicación web que utiliza Yii2, PostgreSQL, MVC, OOP y jQuery para implementar relaciones de 1 a 1, 0 a 1 y muchos a muchos:

Tabla proyectos ()
CREATE TABLE proyectos (
    id SERIAL PRIMARY KEY,
    nombre VARCHAR(255) NOT NULL,
    id_gerente INTEGER REFERENCES gerentes(id)
);

En esta tabla, estamos creando un campo id que es una clave primaria autoincremental, un campo nombre que almacena el nombre del proyecto y un campo id_gerente que es una clave foránea que hace referencia al campo id de la tabla gerentes.

9.-tabla gerentes

CREATE TABLE gerentes (
    id SERIAL PRIMARY KEY,
    nombre VARCHAR(255) NOT NULL
);

En esta tabla, estamos creando un campo id que es una clave primaria autoincremental y un campo nombre que almacena el nombre del gerente.

10.- tabla miembros_equipo

CREATE TABLE miembros_equipo (
    id_proyecto INTEGER REFERENCES proyectos(id),
    id_empleado INTEGER REFERENCES empleados(id),
    PRIMARY KEY (id_proyecto, id_empleado)
);

En esta tabla, estamos creando dos campos id_proyecto e id_empleado que son claves foráneas que hacen referencia a los campos id de las tablas proyectos y empleados, respectivamente. Además, estamos creando una clave primaria compuesta por ambos campos para asegurarnos de que no haya duplicados.

11.-tabla empleados

CREATE TABLE empleados (
    id SERIAL PRIMARY KEY,
    nombre VARCHAR(255) NOT NULL
);

En esta tabla, estamos creando un campo id que es una clave primaria autoincremental y un campo nombre que almacena el nombre del empleado.

Recuerda que debes ajustar los nombres de las tablas y los campos según la estructura de tu aplicación. Además, debes asegurarte de que las claves foráneas estén correctamente definidas y que las relaciones entre las tablas sean coherentes.

posibles consultas que podrías hacer utilizando el código SQL de la aplicación web que utiliza Yii2, PostgreSQL, MVC, OOP y jQuery para implementar relaciones de 1 a1, 0 a 1 y muchos a muchos:

1.-Obtener todos los proyectos con sus gerentes y miembros del equipo:

SELECT p.nombre AS proyecto, g.nombre AS gerente, e.nombre AS empleado
FROM proyectos p
LEFT JOIN gerentes g ON p.id_gerente = g.id
LEFT JOIN miembros_equipo me ON p.id = me.id_proyecto
LEFT JOIN empleados e ON me.id_empleado = e.id;

En esta consulta, estamos obteniendo todos los proyectos con sus gerentes y miembros del equipo utilizando las tablas proyectos, gerentes, miembros_equipo y empleados. Estamos utilizando un LEFT JOIN para asegurarnos de que se incluyan todos los proyectos, incluso aquellos que no tienen gerente o miembros del equipo.


2.-Obtener todos los proyectos que tienen un gerente asignado:

SELECT p.nombre AS proyecto, g.nombre AS gerente
FROM proyectos p
INNER JOIN gerentes g ON p.id_gerente = g.id;

En esta consulta, estamos obteniendo todos los proyectos que tienen un gerente asignado utilizando las tablas proyectos y gerentes. Estamos utilizando un INNER JOIN para asegurarnos de que solo se incluyan los proyectos que tienen un gerente asignado.

3.-Obtener todos los proyectos en los que trabaja un empleado específico:

SELECT p.nombre AS proyecto, e.nombre AS empleado
FROM proyectos p
INNER JOIN miembros_equipo me ON p.id = me.id_proyecto
INNER JOIN empleados e ON me.id_empleado = e.id
WHERE e.nombre = 'Juan';

En esta consulta, estamos obteniendo todos los proyectos en los que trabaja un empleado específico utilizando las tablas proyectos, miembros_equipo y empleados. Estamos utilizando un INNER JOIN para asegurarnos de que solo se incluyan los proyectos en los que trabaja el empleado específico y estamos utilizando una cláusula WHERE para filtrar por el nombre del empleado.

4.-Obtener todos los empleados que trabajan en un proyecto específico:

SELECT e.nombre AS empleado
FROM empleados e
INNER JOIN miembros_equipo me ON e.id = me.id_empleado
INNER JOIN proyectos p ON me.id_proyecto = p.id
WHERE p.nombre = 'Proyecto A';

En esta consulta, estamos obteniendo todos los empleados que trabajan en un proyecto específico utilizando las tablas empleados, miembros_equipo y proyectos. Estamos utilizando un INNER JOIN para asegurarnos de que solo se incluyan los empleados que trabajan en el proyecto específico y estamos utilizando una cláusula WHERE para filtrar por el nombre del proyecto.
Recuerda que debes ajustar las consultas según la estructura de tu aplicación y las relaciones entre las tablas.

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
  .fadeOut(1000)
  .next()
  .fadeIn(1000)
  .end()
  .appendTo('#slideshow');
}, 3000);
require(['jquery'], function($){});
$(document).ready(function() {
  $('.item').magnificPopup({
      type:'image',
      delegate : 'a',
      gallery : {
        enabled : true
      }
  });
});


jquery - cdn

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Css - cdn

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
require(['jquery'], function($){
  "use strict";

    $(window).scroll(function() {
        if ($(this).scrollTop() > 1){
        $('header').addClass('sticky');
        }
        else{
        $('header').removeClass('sticky');
        }
    });
});
(function($){
    $(document).ready(function(e){
      var store_url = "https://footballsupplements.com/"; // replaced with your shopify store url
      var product_id = "free-multivitamin"; // replaced with your product id
      var full_url = store_url + '/products/' + product_id + '.json';
      
      $.ajax({
        url: full_url,
        success: function(data) {
          //console.log("product id:" + data.product.id);
          //console.log("product title:" + data.product.title);
          // ... to do 
          // all your process with product data logic
          console.log(data);
        }
      });
      
      });
    })(jQuery);
HTML /////
<main id="ldgHUB">
    ldg-nav--item-current

	<section class="ldg-title">
		<div class="ldg-title--content">
			<h2>Organiser ses <strong> premi&egrave;res<br /> sorties </strong></h2>
			<p>D&eacute;couvertes en vue&nbsp;! Comment &eacute;veiller votre b&eacute;b&eacute; au monde ext&eacute;rieur, tout en lui offrant confort et protection&nbsp;? C&rsquo;est ici&nbsp;!</p>
			<ul>
				<li><a data-attr="BC-premieres-sorties-cta-en-hiver" href="#" data-anchor="winter">En hiver</a></li>
				<li><a data-attr="BC-premieres-sorties-cta-en-ete" href="#" data-anchor="summer">En &eacute;t&eacute;</a></li>
				<li><a data-attr="BC-premieres-sorties-cta-en-toute-saison" href="#" data-anchor="seasons">En toute saison</a></li>
			</ul>
		</div>

JS /////
var OkLdg = function () {
    return {
        //
        // Init
        //
        init: function () {
            OkLdg.Nav();
            OkLdg.Anchors.init();
        },

        //
        // Nav
        //
        Nav: function () {
            let navList = document.querySelector('#ldgHUB .ldg-nav ol');
            let current = navList.querySelector('.ldg-nav--item.ldg-nav--item-current');

            if (current) {
                let rect = current.getBoundingClientRect();

                navList.scroll({
                    left     : rect.left,
                    top      : 0,
                    behavior : 'smooth'
                });
            }
        },

        //
        // Anchors
        //
        Anchors: function () {
            return {
                init: function () {
                    let anchors = document.querySelectorAll('a[data-anchor]');
                    anchors.forEach(anchor => {
                        anchor.addEventListener('click', e => {
                            e.preventDefault();

                            let target = anchor.getAttribute('data-anchor');
                            OkLdg.Anchors.goTo(target);
                        });
                    })
                },

                goTo: function (pTarget) {
                    let target = document.querySelector(`.ldg-article--container[data-anchor="${pTarget}"]`);

                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth'
                        });
                    }
                }
            };
        }()
    };
}();

document.addEventListener('DOMContentLoaded', function () {
    OkLdg.init();
});
function getParameterByName(key,url) {
  name = key.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
  results = regex.exec(url);
  if (results) {
    results = decodeURIComponent(results[1].replace(/\+/g, " "));
  }
  else {
    results = false;
  }
  return results;
}
$(window).scroll(function(){
    if ($(this).scrollTop() > 50) {
       $('#dynamic').addClass('newClass');
    } else {
       $('#dynamic').removeClass('newClass');
    }
});
$('nav.topmenu li a').filter(function(){
    return this.href === location.href;
  }).addClass('active');
var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();
//JavaScript
$(document).ready(function() {
  var playing = false;

  // Add file names.
  $('.audio-button').each(function() {
    var $button = $(this);    
    var $audio = $button.find('audio');
    
    $($('<span>').text($audio.attr('src'))).insertBefore($audio);
  });

  // Add click listener.
  $('.audio-button').click(function() {
    var $button = $(this);    
    var audio = $button.find('audio')[0]; // <-- Interact with this!
    
    // Toggle play/pause
    if (playing !== true) {
      audio.play();
    } else {
      audio.pause();
    }

    // Flip state
    $button.toggleClass('playing');
    playing = !playing
  });
});


// CSS
.fa.audio-button {
  position:      relative;
  display:       block;
  width:         12em;
  height:        2.25em;
  margin-bottom: 0.125em;
  text-align:    left;
}

.fa.audio-button:after {
  position:      absolute;
  right:         0.8em;
  content:       "\f04b";
}

.fa.audio-button.playing:after {
  content:"\f04c";
}

// HTML
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class="fa audio-button">
  <audio src="media/test.mp3"></audio>
</button>
<button class="fa audio-button">
  <audio src="media/test2.mp3"></audio>
</button>
<button class="fa audio-button">
  <audio src="media/test3.mp3"></audio>
</button>
<button class="fa audio-button">
  <audio src="media/test4.mp3"></audio>
</button>
<script>
$('.equity-btn').click(function(){
   $('#equity').toggle();
});
$('.bond-btn').click(function(){
   $('#bond').toggle();
});
$('.alt-btn').click(function(){
   $('#alternatives').toggle();
});
</script>
var fixer = jQuery("#header").height();
jQuery('html,body').animate({scrollTop: jQuery("#good_items").offset().top-fixer}, 500);
<script type="text/javascript">
    jQuery(document).ready(function($){
        $('.click-item').click(function(){
            $(".click-item").removeClass("current");
            $(this).addClass("current");
            $('.hidden-block').removeClass('active-block');
            var dataUID = $(this).data('uid');
            $('.hidden-block[data-uid="' + dataUID + '"]').addClass('active-block');
        });
    });
</script>
// Inner Landing Header Title
function inner_landing_header(){ ?> 
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery(".title_container .container").wrapInner("<div class='top-overlay'></div>");
        jQuery("<div class='clear'></div>").insertAfter( ".title_container .container h1" );
    });
</script>
<?php }
@media (min-width: 768px) {
    .inner-three-col .av-flex-placeholder {
        width: 30px !important;
    }
    .inner-three-col .flex_column_table {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .inner-three-col .flex_column {
        width: calc(33.33% - 20px);
        margin-left: 0;
    }
}
<ul class="custom-nav">
    <li><span class="show-item item-one current">Item One</span></li>
    <li><span class="show-item item-two">Item Two</span></li>
</ul>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery(".item-one").click(function(){
            jQuery(".hidden-area").hide();
            jQuery("#item_one.hidden-area").show();
            jQuery(".show-item").removeClass("current");
            jQuery(this).addClass("current");
            var fixer = jQuery("#header").height();
            jQuery('html,body').animate({scrollTop: jQuery("#item_one").offset().top-fixer}, 500);
        });
        jQuery(".item-two").click(function(){
            jQuery(".hidden-area").hide();
            jQuery("#item_two.hidden-area").show();
            jQuery(".show-item").removeClass("current");
            jQuery(this).addClass("current");
            var fixer = jQuery("#header").height();
            jQuery('html,body').animate({scrollTop: jQuery("#item_two").offset().top-fixer}, 500);
        });
    });
</script>
<style>
.hidden-area { display: none; }
#item_one { display: block; }
</style>
// Magnific Popup - Inline Content Enabler
function inline_popup_enabler(){
?>
<script>
(function($){
    $(window).load(function() {
        $('.open-popup-link a').magnificPopup({
          type:'inline',
          midClick: true 
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'inline_popup_enabler');

// Get Started Lightbox 

function get_started_lightbox() { ?>
   <div id="get_started" class="white-popup narrow mfp-hide">
        <div class="lightbox_inner">
            <div class="lightbox-title"><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed. do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3></div>
            <div class="lightbox-form contact-form"><?php echo do_shortcode('[gravityform id="2" title="false" description="false" ajax="true" tabindex="66565"]') ?></div>
        </div>
    </div>
<?php }
​
add_action('wp_footer', 'get_started_lightbox');
jQuery(".show-adv-options").click(function(){
	if (jQuery('#adv_options_area .adv-inputs').children('.input-items.submit').length < 1) {
		jQuery(".input-items.submit").detach().appendTo('#adv_options_area .adv-inputs')	
    }
});

jQuery(".hide-adv-options").click(function(){
	if (jQuery('#rate_calculation_form > ul.user-inputs').children('.input-items.submit').length < 1) {
		jQuery(".input-items.submit").detach().appendTo('#rate_calculation_form > ul.user-inputs')	
    }
});
<script type="text/javascript">    
    jQuery(document).ready(function(){
        jQuery("#show_good_items").click(function(){
            jQuery(".hidden-items").hide();
            jQuery("#good_items.hidden-items").show();
            jQuery("hidden-items").removeClass("current");
            jQuery(this).addClass("current");
            var fixer = jQuery("#header").height();
jQuery('html,body').animate({scrollTop: jQuery("#good_items").offset().top-fixer}, 500);
        });
    });
</script>
// CSS
.blog-home-section{padding:0 0 70px;}
.blog-home-section .blog-clm{width: 100%;}
.blog-home-section .card-blog{float: left;margin:75px 10px 12px;width:calc(33.33% - 20px)!important;border:0;border-radius:6px;color:rgba(0,0,0,0.87);background:#fff;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);}

//JS
$('#load-data').isotope({
  itemSelector: '.card-blog',
  masonry: {
    // use outer width of grid-sizer for columnWidth
    columnWidth: '.card-blog'
  }
});
                              
// Script
                              
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
jQuery('img').each(function($){
            var $img = jQuery(this);
            var imgID = $img.attr('id');
            var imgClass = $img.attr('class');
            var imgURL = $img.attr('src');

            jQuery.get(imgURL, function(data) {
                // Get the SVG tag, ignore the rest
                var $svg = jQuery(data).find('svg');

                // Add replaced image's ID to the new SVG
                if(typeof imgID !== 'undefined') {
                    $svg = $svg.attr('id', imgID);
                }
                // Add replaced image's classes to the new SVG
                if(typeof imgClass !== 'undefined') {
                    $svg = $svg.attr('class', imgClass+' replaced-svg');
                }

                // Remove any invalid XML tags as per http://validator.w3.org
                $svg = $svg.removeAttr('xmlns:a');

                // Replace image with new SVG
                $img.replaceWith($svg);

            }, 'xml');

        });
$("#topMenu > li").addClass("nav-item  py-2 py-xl-2 px-0 px-xl-2 px-xxl-3");
$("#topMenu li:has(ul)").addClass(" dropdown-item-blog dropdown");
$("#topMenu li:has(ul)").find("a:first").addClass('nav-link dropdown-toggle p-0').append("<span class='caret'></span>");
$("#topMenu li:has(ul) ul").addClass('dropdown-menu pt-3 pb-0 pb-xl-3 x-animated x-fadeInUp');
$("#topMenu li  ul li").addClass('dropdown-item');
$("#topMenu").css({"opacity":1});
function scrollBanner() {
      jQuery(document).on('scroll', function(){
      var scrollPos = jQuery(this).scrollTop();
        jQuery('.home_banner').css({
          'top' : (scrollPos/4)+'px',
        });
      });    
      }
scrollBanner(); 


// With out function


jQuery(document).ready(function(){
	
	jQuery(window).on('scroll', function(){
		var scrollTop = jQuery(window).scrollTop();
		jQuery('.home_banner').css({'top': (scrollTop/4) +'px'});
		
	});
});
/ CSS /
.reveal{position:relative;transform:translateX(200px);opacity:0;transition:1s all ease;}
.reveal.active{transform:translateX(0);opacity:1;}

/ JavaScript /

function reveal() {
  var reveals = document.querySelectorAll(".reveal");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

window.addEventListener("scroll", reveal);
<div id="slide-out-widget-area" class="slide-out-from-right" style="padding-top: 71.4px; padding-bottom: 71.4px;">
            <div class="inner-wrap">
                <div class="inner">

                    <div class="off-canvas-menu">
                        <?php
                        wp_nav_menu( array (
                            'theme_location' => 'header',
                            'container'      => '',
                            'menu_class'     => 'menu',
                        ) );
                        ?>
                    </div>
                </div>
            </div>
            <div id="slide-out-widget-area-bg" class="slide-out-from-right solid material-open"></div>
            <!-- <div class="close-btn">
                <span class="close-wrap">
                    <span class="close-line close-line1"></span>
                    <span class="close-line close-line2"></span> 
                </span>
            </div> -->
        </div>
        <div class="occu-health-wrapper">
            <div id="top"><a class="menulinks"><i></i></a></div>
		</div>
                                    
       <style>
		@media (max-width:767px){
    header#header {padding: 20px 0 0;background: transparent;}
    .header-top {border-bottom: none;}
    .head-wrapper {height: 98px;}
    .head-wrapper.fixed-header a.menulinks {top: 30px;right: 20px;}
    .head-wrapper.fixed-header ul.mainmenu {top: 98px;left: 0;width: 100%;}
    .logo-col {flex: 0 0 110px;}
    .head-btn-col {flex: 0 0 calc(100% - 150px);justify-content: flex-end;padding-right: 0px;padding-left: 0;}
    .mobile-open div#slide-out-widget-area {min-width: 78vw;width: 78vw;margin: 0 0 0 auto;padding-left: 50px;padding-right: 50px;display: block;}
    .mobile-open .inner-wrap{position:absolute;top:50%;transform:translate(-50%,-50%);left: 70%;display:flex;align-items:center;justify-content:center;}
    .off-canvas-menu .menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;margin-bottom:10px;}
    .inner-wrap .off-canvas-menu .nav-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;}
    .mobile-open div#slide-out-widget-area-bg{background:var(--primary-color);opacity:1;height:100vh;width:100vw;z-index:-1;position:absolute;top:0;left:0;}
    .mobile-open .occu-health-wrapper{transform:scale(0.84) translateX(-93vw) translateZ(0)!important;position:absolute;top:0;left:40%;height:100vh;overflow:hidden;transition:transform 0.5s;width:100%;}
    div#top .menulinks{display:none;justify-content:end;height:50px;z-index:99;width:100%;}
    .mobile-open div#top .menulinks {display: flex;}
    div#slide-out-widget-area {display: none;}
    .occu-health-wrapper{transition:transform 0.5s;top:auto;height:100vh;}
    .mobile-open .occu-health-wrapper{transform:scale(0.84) translateX(-93vw) translateZ(0)!important;position:absolute;top:0;left:40%;height:100vh;overflow:hidden;transition:transform 0.5s;width:100%;}
    .mobile-open .occu-health-wrapper {left: 25%;}
    .mobile-open div#top{padding:10px 0;background:white;display:flex;justify-content:end;height:inherit;}
    ul#menu-header-menu li > a{color:var(--white);}
    ul#menu-header-menu {list-style: none;padding: 0;}
    .off-canvas-menu{width:200px;}
    .off-canvas-menu .btn-wrapper{display:flex;align-items:center;justify-content:flex-start;margin-top:10px;}
    .off-canvas-menu a.btn{display:inline-flex;padding:10px;width:50px;height:50px;background:var(--white);margin-right:10px;}
    .off-canvas-menu a.btn svg{color:var(--primary-color);width:30px;height:30px;}
    .off-canvas-menu a.btn:last-child{margin:0;}
    .off-canvas-menu ul#menu-header-menu li{margin-bottom:10px;width: 100%;}

/*Nav*/
    .menulinks{display:block;top:30px;right:20px;z-index:999999;}
    .mobile-open a.menulinks {display: none;}
    ul.mainmenu{text-align:left;position:absolute;top:98px;padding:0;right:0;width:100%;background:#000;display:none !important;z-index:9999999;}
    ul.mainmenu>li>a:after{content:none;}
    ul.mainmenu>li>a:hover:after{content:none;}
    ul.mainmenu>li{float:left;width:100%;padding:0px;margin:0;border-top:1px solid rgba(255,255,255,0.2);position:relative;}
    ul.mainmenu>li:first-child{border:none;}
    ul.mainmenu>li>a:link,ul.mainmenu>li>a:visited{padding:10px 15px;font-size:16px;float:left;width:100%;border:none;text-align:left;color:#fff;}
    ul.mainmenu>li>a:hover{background:rgba(255,255,255,0.2);}
    a.menulinks i{display:inline;position:relative;top: 0;right: 0;margin-left:0;-webkit-transition-duration:0s;-webkit-transition-delay:.2s;-moz-transition-duration:0s;-moz-transition-delay:.2s;transition-duration:0s;transition-delay:.2s;}
    a.menulinks i:before,a.menulinks i:after{position:absolute;content:'';left:0;}
    a.menulinks i,a.menulinks i:before,a.menulinks i:after{width:35px;height:4px;background-color:#000;display:inline-block;}
    a.menulinks i:before{transform: translateY(-10px);-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0;}
    a.menulinks i:after{transform: translateY(10px);-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0;}
    .mobile-open a.menulinks i{background-color:rgba(0,0,0,0.0);-webkit-transition-delay:.2s;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0);box-shadow:0px 1px 1px rgba(0,0,0,0);}
    .mobile-open a.menulinks i:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0,.2s;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0);box-shadow:0px 1px 1px rgba(0,0,0,0);}
    .mobile-open a.menulinks i:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0,.2s;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0);box-shadow:0px 1px 1px rgba(0,0,0,0);}
    ul.mainmenu>li>a.current:after{display:none;}
    ul.mainmenu ul{position:relative;top:auto;left:auto;float:left;width:100%;}
    ul.mainmenu ul li{position:relative;}
    ul.mainmenu ul li a{padding:8px 15px 8px 25px;color:#fff;}
    a.child-triggerm{display:block!important;cursor:pointer;position:absolute!important;top:0px;right:0px;width:50px!important;min-width:50px!important;height:38px!important;padding:0!important;border-left:1px dotted rgba(255,255,255,.20);}
    a.child-triggerm:hover{text-decoration:none;color:#f00;}
    a.child-triggerm span{position:relative;top:50%;margin:0 auto!important;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm span:after{position:absolute;content:'';}
    a.child-triggerm span,a.child-triggerm span:after{width:10px;height:1px;background-color:#fff;display:block;}
    a.child-triggerm span:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm.child-open span:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm.child-open span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm:hover span,a.child-triggerm:hover span:after{background-color:#f00;}
    .logo-col a > img {max-width: 110px;height: 70px;object-fit: contain;}
    .head-btn-col a.btn:last-of-type {margin-right: 0;display: none;}
    .contact-col ul, .keep-col ul {margin: 0 0 0 15px;}
    .footer-logo-col {width: 100%;}
}

@media (max-width: 567px) {
    .head-btn-col {flex: 0 0 calc(100% - 110px);justify-content: end;padding-right: 38px;padding-left: 5px;}
    .head-btn-col .btn {width: 40px;height: 40px;margin-right: 5px;}
    ul.mainmenu {top: 143px;display: none !important;}
    .head-wrapper.fixed-header ul.mainmenu {top: 144px;}
    .services-col {margin-bottom: 15px;margin-top: 15px;}
    .contact-col {margin-bottom: 15px;display: flex;flex-direction: column;align-items: center;width: 100%;}
    .footer .services-col .footer-links ul {text-align: center;margin: 0;}
    .contact-col ul, .keep-col ul {margin: 0 0 0px 0;text-align: center;}
    .keep-col {width: 100%;}
    .footer .services-col span, .footer .contact-col span, .footer .keep-col span {padding-left: 0;padding-bottom: 15px;font-size: 22px;justify-content: center;}
    .footer .row {justify-content: center;}
    .footer-logo-col {width: 100%;text-align: center;}
    .contact-col ul, .keep-col ul {margin: 0 0 0 0;}
    .logo-col a > img {max-width: 90px;}
    .mobile-open .inner-wrap {left: 75%;}
    .head-wrapper.fixed-header a.menulinks{top:30px;right:10px;}
}

@media (max-width: 350px) {
    .logo-col{flex:0 0 90px;}
    .head-btn-col {flex: 0 0 calc(100% - 90px);padding-right: 28px;}
    .menulinks{top:30px;right:20px;}
    .head-wrapper.fixed-header a.menulinks{top:30px;right:5px;}
}
	</style>
                                                      
<script>
      jQuery(document).ready(function (jQuery) {
    jQuery('.mainmenu li:has(ul)').addClass('parent');
    jQuery('.mainmenu').before('<a class="menulinks"><i></i></a>');
    jQuery('a.menulinks').click(function () {
        jQuery(this).next('ul').slideToggle(250);
        jQuery('body').toggleClass('mobile-open');
        jQuery('.mainmenu li.parent ul').slideUp(250);
        jQuery('a.child-triggerm').removeClass('child-open');
        return false;
    });
    jQuery('.mainmenu li.parent > ul').before('<a class="child-triggerm"><span></span></a>');
    jQuery('.mainmenu a.child-triggerm').click(function () {
        jQuery(this).parent().siblings('li').find('a.child-triggerm').removeClass('child-open');
        jQuery(this).parent().siblings('li').find('ul').slideUp(250);
        jQuery(this).next('ul').slideToggle(250);
        jQuery(this).toggleClass('child-open');
        return false;
    });</script>
 
Example where to use
equalheight('.service-slider-sec .bottom-content');

equalheight = function (container) {
var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
jQuery(container).each(function () {
$el = jQuery(this);
jQuery($el).height('auto')
topPostion = $el.position().top;
if (currentRowStart != topPostion) {
for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
rowDivs.length = 0; // empty the array
currentRowStart = topPostion;
currentTallest = $el.height();
rowDivs.push($el);
} else {
rowDivs.push($el);
currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
}
for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
});
}
function url_build_query(currentUrl,param,value){
        var url = new URL(currentUrl);
        url.searchParams.set(param, value); // setting your param
        var newUrl = url.href; 
        return newUrl;
}
//This will reload the hidden page when the user rotates the device.

jQuery(window).on("orientationchange",function(){
  
    if(screen.availHeight < screen.availWidth){
        //alert("chng");
          jQuery( ".h-main-body" ).css( "display", "none" );
          var newLine = "\r\n"
          var msg = "Please Don't use Landscape!"
          msg += newLine;
          msg += "(Turn your phone)";
          msg += newLine;
          msg += "and wait a seconds,";   
          // msg += newLine;
          // msg += "for the page to reload.";   
          alert(msg);
      }
      else{
        jQuery( ".h-main-body" ).css( "display", "block" );
         //location.reload();
      }
 
});
function getMeta(url, callback) {
    var img = new Image();
    img.src = url;
    img.onload = function() { callback(this.width, this.height); }
}
getMeta(
  "http://snook.ca/files/mootools_83_snookca.png",
  function(width, height) { alert(width + 'px ' + height + 'px') }
);
document.addEventListener("DOMContentLoaded", function()
        {
            $("img").each(function()
            {
                $(this).attr("data-src",$(this).attr("src"));
                $(this).attr("src",'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');
            });
            var $lazy_elements = $('img');
            var $window = $(window);
            function check_if_in_view()
            {
                var window_height = $window.height();
                var window_top_position = $window.scrollTop();
                var window_bottom_position = (window_top_position + window_height);
                $.each($lazy_elements, function()
                {
                    var $lazy_element = $(this);
                    var lazy_element_height = $lazy_element.outerHeight();
                    var lazy_element_top_position = $lazy_element.offset().top;
                    var lazy_element_bottom_position = (lazy_element_top_position + lazy_element_height);
                    //check to see if this current container is within viewport
                    if ((lazy_element_bottom_position >= window_top_position) && (lazy_element_top_position <= window_bottom_position))
                    {
                        if($lazy_element.attr('data-src'))
                        {
                            $lazy_element.attr("src",$lazy_element.attr('data-src'));
                        }
                    }
                });
            }
            $window.on('scroll resize', check_if_in_view);
            $window.trigger('scroll');
});
 if(window.matchMedia("(max-width: 620px)").matches){

	//Code Here
       
    } else{

	// Code Here
      
    }
document.addEventListener("DOMContentLoaded", function()
        {
            $("img").each(function()
            {
                $(this).attr("data-src",$(this).attr("src"));
                $(this).attr("src",'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');
            });
            var $lazy_elements = $('img');
            var $window = $(window);
            function check_if_in_view()
            {
                var window_height = $window.height();
                var window_top_position = $window.scrollTop();
                var window_bottom_position = (window_top_position + window_height);
                $.each($lazy_elements, function()
                {
                    var $lazy_element = $(this);
                    var lazy_element_height = $lazy_element.outerHeight();
                    var lazy_element_top_position = $lazy_element.offset().top;
                    var lazy_element_bottom_position = (lazy_element_top_position + lazy_element_height);
                    //check to see if this current container is within viewport
                    if ((lazy_element_bottom_position >= window_top_position) && (lazy_element_top_position <= window_bottom_position))
                    {
                        if($lazy_element.attr('data-src'))
                        {
                            $lazy_element.attr("src",$lazy_element.attr('data-src'));
                        }
                    }
                });
            }
            $window.on('scroll resize', check_if_in_view);
            $window.trigger('scroll');
});
jQuery(window).scroll(function() {
   var hT = jQuery('div#shopify-section-template--16081634984157__165209878371807727').offset().top,
       hH = jQuery('div#shopify-section-template--16081634984157__165209878371807727').outerHeight(),
       wH = jQuery(window).height(),
       wS = jQuery(this).scrollTop();
   if (wS > (hT+hH-wH)){
       console.log('H1 on the view!');
   }
});
$(document).ready(function(){ 
  $('#button1').click(function(){ 
    $("#myTable").find("tr:gt(0)").remove();
  });
});
	fetch('https://api.ipregistry.co/?key=tryout')
    
    .then(function (response) {
        return response.json();
    })
    .then(function (payload) {
        console.log(payload.location.country.name);
        var cntr = payload.location.country.name;
        if( cntr == "United States" ){
           
            jQuery("div#gplaybtn .banner__btns a:nth-child(2)").attr("href", "https://play.google.com/store/apps/");
             //alert(cntr);
        }
    });
//Get hash of a given url

var some_url = 'https://usefulangle.com/posts?123#slider'

var hash = new URL(some_url).hash;

// "#slider"
console.log(hash);

//
//
//


//Get hash of the current url

// document.URL refers to the current url
var hash = new URL(document.URL).hash;

console.log(hash);



//
//
//


//Change hash of a given url

var some_url = 'https://usefulangle.com/posts?123#slider'

var url_ob = new URL(some_url);
url_ob.hash = '#reviews';

// new url string
var new_url = url_ob.href;

// "https://usefulangle.com/posts?123#reviews"
console.log(new_url);


//
//
//


//Change hash of the current url

// document.URL is the current url
var url_ob = new URL(document.URL);
url_ob.hash = '#345';

// new url
var new_url = url_ob.href;

// change the current url
document.location.href = new_url;


//
//
//

/*
Detecting Change in Hash of the Current URL

The window.hashchange event can be listened to know when the hash fragment in the current url changes.
*/

window.addEventListener('hashchange', function() {
	// new hash value
	console.log(new URL(document.URL).hash);
});
$( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
    // Fires whenever variation selects are changed
} );

$( ".single_variation_wrap" ).on( "show_variation", function ( event, variation ) {
    // Fired when the user selects all the required dropdowns / attributes
    // and a final variation is selected / shown
} );
function nubmerFormat(amount){

		var formatted;
		var ret_amt;
		var amt = amount;
	
		if(typeof amount == 'number'){  
			amt = amount.toString();
		}
	
		if(amt.length <= 3)
		{
			formatted = amt;
			amt = '';
		}
		else if(amt.length == 4)
		{
			formatted = amt.substr(0,1) + ",";
			amt = amt.substr(1);
		}
		else if(amt.length == 5)
		{
			formatted = amt.substr(0,2) + ",";
			amt = amt.substr(2);
		}
		else if(amt.length == 6)
		{
			formatted = amt.substr(0,1) + ",";
			formatted += amt.substr(1,2) + ",";
			amt = amt.substr(3);
		}
		else if(amt.length == 7)
		{
			formatted = amt.substr(0,2) + ",";
			formatted += amt.substr(2,2) + ",";
			amt = amt.substr(4);
		}
		else if(amt.length == 8)
		{
			formatted = amt.substr(0,1) + ",";
			formatted += amt.substr(1,2) + ",";
			formatted += amt.substr(3,2) + ",";
			amt = amt.substr(5);
		}
		else if(amt.length == 9)
		{
			formatted = amt.substr(0,2) + ",";
			formatted += amt.substr(2,2) + ",";
			formatted += amt.substr(4,2) + ",";
			amt = amt.substr(6);
		}
		else if(amt.length == 10)
		{
			formatted = amt.substr(0,3) + ",";
			formatted += amt.substr(3,2) + ",";
			formatted += amt.substr(5,2) + ",";
			amt = amt.substr(7);
		}
		
		ret_amt = formatted + amt;
		// ret_amt = formatted + amt + ".00";
		// console.log(ret_amt);
		return ret_amt;
		 
	}
 $('.header_items li:has(ul)').addClass('parent'); 
 
    $('.burger-icon a').click(function() {
        if ($(document).find('.nav').hasClass('active')){
            $(document).find('.nav').removeClass('active');
            $('body').toggleClass('mobile-open'); 
		$('.header_items li.parent ul').slideUp(250);
		$('a.child-triggerm').removeClass('child-open');    
        }
        else {
            $(document).find('.nav').addClass('active');
        }
        $('body').toggleClass('mobile-open'); 
        $('.header_items li.parent .sub-menu li').removeClass('child-open');
		$('.header_items li.parent ul').slideUp(250);
        return false;
     });	 

     $('.header_items li.parent ul').before('<a class="child-triggerm"><span></span></a>');
	
     $('.header_items a.child-triggerm').click(function() {
         $(this).parent().siblings('li').find('a.child-triggerm').removeClass('child-open');
         $(this).parent().siblings('li').find('ul').slideUp(250);
         $(this).next('ul').slideToggle(250);
         $(this).toggleClass('child-open');
         return false;
     });

function StickyHeader() {
var headerHeight = jQuery('#header').innerHeight();
jQuery('body').css("padding-top", headerHeight);
}
$(function () {
    $(".section_services .acc:not(:first-of-type) .answer").css("display", "none");
    $(".section_services .acc:first-of-type h5").addClass("open").parent().addClass('is-open');
   
    $(".section_services .acc h5").click(function () {
      $(".open").not(this).removeClass("open").next().slideUp(300).parent().toggleClass('is-open');
      $(this).toggleClass("open").next().slideToggle(300).parent().toggleClass('is-open');
    });
  });


 
Html Accord

<div class="acc-container">        
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
            </div>
$(document).ready(function() {
    $('.faq_section .faq_in a.faq_title').on("click", function(){
        $('.faq_section .faq_in a.faq_title').not(this).removeClass('active');
        $(this).next('.faq_section .faq_in .faq_content').slideToggle();
        $(this).toggleClass('active');
        $('.faq_section .faq_in .faq_content').not($(this).next()).slideUp(400);
    }).filter(':first').click();
});
 const menuSwitcher = document.getElementById("menuSwitcher");
      const menu = document.getElementById("menu");
      let rotation = 0;
      menuSwitcher.addEventListener("click", () => {
        rotation += 90;
        menu.style.transform = `rotate(${rotation}deg)`;
      });
const jquery = require("jquery");

// jQuery(window).ready(function(){
//   jQuery(".header_content_button").mouseenter(function(){
//   jquery(".header_content_button").hasClass(".header_content_button")
//     jQuery(".header_content_button").innerWidth("300px")
//     jQuery(".header_content_button").innerHeight("40px")
//   })
//   jQuery(".header_content_button").mouseleave(function(){
//     jquery(".header_content_button").hasClass(".header_content_button")
//     jQuery(".header_content_button").innerWidth("180px")
//     jQuery(".header_content_button").innerHeight("40px")
//   })
// })

// $( "*", document.body ).click(function( event ) {
//   var offset = $( this ).offset();
//   event.stopPropagation();
//   $( ".header_content_sub-title" ).text( this.tagName +
//     " coords ( " + offset.left + ", " + offset.top + " )" );
//     $( ".header_content_sub-title" ).offset({top:1});
//     $( ".header_content_sub-title" ).animate
// });
$(document).ready(function(){
  $(".header_content_button").mouseenter(function () {
    $(".header_content_sub-title").addClass("blow");
  });
  $(".header_content_button").mouseleave(function () {
    $(".header_content_sub-title").removeClass("blow");
  });


  $(".message-icon").click(function () {
      $(".message-viewer").toggleClass("active");
      $(".message-viewer").slideToggle();
  });

$('.send-btn').click(function () {
  var text = $('#text-message').val();
  if (text != '') {
    $('<p></p>').text(text).appendTo('.text-show');
    $('#text-message').val('');
  }
});

  $("#input-email").on('focus', function(){
    if ($(".text_float").slideToggle()) {
      $("#input-email").removeAttr('placeholder');
    }
    else {
      $("#input-email").attr('placeholder');
    }
  });


  $('.background_card-btn').click(function(){
    if( $('.background_card-para-hidden').hasClass('.hide_para')){
      $('.background_card-para-hidden').addClass('.hide_para')
      $('.background_card-para-hidden').css('display','block');
    } else {
      $('.background_card-para-hidden').css('display','none');
      $('.background_card-para-hidden').removeClass('.hide_para');
    }
  });

  $('#email_input').focusin(function(){
      $('.input_btn').fadeIn(200).show(200);
  });
  $('#email_input').focusout(function(){
    $('.input_btn').fadeIn(200).hide(200);
  });
  $('.input_btn').click(function(){
    $('.background_card').append('<div class="Hello"></div>');
    $('.Buddy').after(document.createTextNode("Jay"));
  });

  jQuery('#tabs_nav li:first-child').addClass('active');
    jQuery('.tab-content').hide();
    jQuery('.tab-content:first').show();
 
// Click function
    jQuery('#tabs_nav li').click(function(){
      jQuery('#tabs_nav li').toggleClass('active');
      jQuery('.tab-content').toggle();
      
      var activeTab = jQuery(this).find('a').attr('href');
      jQuery(activeTab).fadeIn();
      return false;
    });
});
    $('.tabs-nav a').on('click', function (event) {
        event.preventDefault();
        $('.tabs-nav li').removeClass('tab-active');
        $(this).parent().addClass('tab-active');
        $('.tabs-stage section').hide();
        $($(this).attr('href')).show();

        if ($('#tab-1').css('display') == 'none') {
            $('.box-filters').hide();
        } else {
            $('.box-filters').show();
        }
    });
$('mydiv').on('DOMSubtreeModified', function(){
  console.log('changed');
});
$(document).ready(function () {

    var intervaltime = $('#intervaltime').val();
    //LoadData();
    var table = $('#tbl_1').DataTable({
        "ajax": {
            method: 'POST',
            url: '/Home/GetDataPrevious',
            contentType: "application/json; charset=utf-8",
            dataSrc: ''
        },
        "columnDefs": [
            { className: "Title", "targets": [0] }
        ],
        "columns": [
            { "data": "timeZone"}
        ],
        "filter": true,
        "paging": false,
        "info": false,
        "searching": false,
        "ordering": true,

        "createdRow": function (row, data, index) {
            var tr = $(row).closest('tr');
            var thisrow = table.row(tr);
            let list = data.dashboarddetails;
            let html = '<table class="display">';
            html += '<thead>';
            html += '<tr>';
            html += '<th style="background-color: #009879;color: #ffffff;">Branch</th>';
            html += '<th style="background-color: #009879;color: #ffffff;">Total No of Orders</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># In Kitchen (Ordered)</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># with Kitchen Delay</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># Kitchen Ready</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># with window time</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># Driver Assigned</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># Delivered</th>';
            html += '<th style="background-color: #009879;color: #ffffff;">Expected Delivery Time</th>';
            html += '<th style="background-color: #009879;color: #ffffff;"># with Delivery Delay</th>';
            html += '<th style="background-color: #009879;color: #ffffff;">Dispatcher Notifications (Updated from Dispatcher Screen)</th>';

            html += '</tr>';
            html += '</thead>';
            html += '<tbody>';
            for (let i = 0; i < list.length; i++){
                html += '<tr>';
                html += '<td>';
                html += list[i].branch;
                html += '</td>';
                html += '<td>';
                html += list[i].totalOrders;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersInKitchen;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersKitchenDelay;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersKitchenReady;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersWaitingDelay;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersAssigned;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersDelivered;
                html += '</td>';
                html += '<td>';
                html += list[i].expectedDeliveryTime;
                html += '</td>';
                html += '<td>';
                html += list[i].ordersDeliveryDelay;
                html += '</td>';
                html += '<td>';
                html += list[i].memo;
                html += '</td>';
                html += '</tr>';
            }
            html += '</tbody>';
            html += '</table>';

            thisrow.child(html).show();
            tr.addClass('shown');
        }
    });


    var intervalsec = intervaltime * 1000;

    setInterval(function () { table.ajax.reload(); }, intervalsec);
});
(function($) {
	$(document).ready(function(){
		$(window).scroll(function() {
		var deg = $(window).scrollTop()/2;
		$('#header-company-logo').css({ transform: 'rotate(' + deg + 'deg)' });
		});
	});
})(jQuery);
$( document ).on( 'click', '.copy_registry_link', function(e) {
    e.preventDefault();
    this.select();
    this.setSelectionRange(0, 99999); /* For mobile devices */

    /* Copy the text inside the text field */
    navigator.clipboard.writeText(this.value);
    alert("Gift Registry link copied.");
} );
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
<!DOCTYPE html>  
<html>  
<head>  
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">  
 </script>  
 <script type="text/javascript" language="javascript">  
 $(document).ready(function() {  
 $("h1").css("color", "red");  
 });  
 </script>  
 </head>  
<body>  
<h1>This is first paragraph.</h1>  
<p>This is second paragraph.</p>  
<p>This is third paragraph.</p>  
</body>  
</html>  

 
public class Simba{
	public static void main(String args[]){
	System.out.println("Hello Element Tutorials");
	}}
<?php
  $myVar = 'red';
  
  switch ($myVar) {
      case 'red':
          echo 'It is red';
          break;
      case 'blue':
          echo 'It is blue';
          break;
      case 'green':
          echo 'It is green';
          break;
  }
  ?> 
  
<select class="form-select" aria-label="Default select example">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
<!DOCTYPE html>  
<html>  
<head>  
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">  
 </script>  
 <script type="text/javascript" language="javascript">  
 $(document).ready(function() {  
 $("h1").css("color", "red");  
 });  
 </script>  
 </head>  
<body>  
<h1>This is first paragraph.</h1>  
<p>This is second paragraph.</p>  
<p>This is third paragraph.</p>  
</body>  
</html>  

 
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript can change HTML content</h1>

<p id="one">JavaScript can change HTML content.</p>

<button type="button" onclick='document.getElementById("one").innerHTML = "Hello JavaScript!"'>Click Me!</button>

</body>
</html>
<!DOCTYPE html>
  <html>
  <head>
  <style>
  body {
    background-color: lightpink;
  }
  
  h1 {
    color: yellow;
    text-align: center;
  }
  
  p {
    font-family: roboto;
    font-size: 27px;
  }
  </style>
  </head>
  <body>
  
  <h1>My First CSS Example</h1>
  <p>This is a paragraph.</p>
  
  </body>
  </html>
  
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
<!-- Another way to put jQuery into no-conflict mode. -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
 
jQuery.noConflict();
 
jQuery( document ).ready(function( $ ) {
    // You can use the locally-scoped $ in here as an alias to jQuery.
    $( "div" ).hide();
});
 
// The $ variable in the global scope has the prototype.js meaning.
window.onload = function(){
    var mainDiv = $( "main" );
}
 
</script>
<!-- Putting jQuery into no-conflict mode. -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
 
var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.
 
$j(document).ready(function() {
    $j( "div" ).hide();
});
 
// The $ variable now has the prototype meaning, which is a shortcut for
// document.getElementById(). mainDiv below is a DOM element, not a jQuery object.
window.onload = function() {
    var mainDiv = $( "main" );
}
 
</script>
var invalidChars = ["-", "e", "+", "E"];

$("input[type='number']").on("keydown", function(e){ 
    if(invalidChars.includes(e.key)){
         e.preventDefault();
    }
}):
// Basic Clickable on Whole Column
				if(SDB.App.exists('.ocs-clickable')){
					$(document).on('click', 'body:not(.fl-builder-edit) .ocs-clickable', function(event) { 
                        window.location = $(this).find("a").attr("href"); 
                      	return false;
                    });
				}
// Basic Clickable on Whole Column with Target Blank
				if(SDB.App.exists('.tg-clickable')){
					$(document).on('click', 'body:not(.fl-builder-edit) .tg-clickable > .fl-col-content', function(event) { 
                        var link = $(this).find("a").attr("href"); 
                        window.open(link,'_blank');
                        return false;
                    });
				}
(function ($) {
    if (!window.SDB) {
        SDB = {};
    }
    /*
     * Application Init, everything starts here
     *
     */
    SDB.App = function() {
        return {
            exists: function(x) {
                if ($(x).length > 0) { return true; }
            },
            init: function() {
              	// Basic Clickable on Whole Column with Target Blank
				if(SDB.App.exists('.tg-clickable')){
					$(document).on('click', 'body:not(.fl-builder-edit) .tg-clickable > .fl-col-content', function(event) { 
                        var link = $(this).find("a").attr("href"); 
                        window.open(link,'_blank');
                        return false;
                    });
				}
              	// Start New Function from here
              	
            } // CLOSE INIT FUNCTION
        };
    }();
  

    $(function() {
        SDB.App.init();
      
    });
}(jQuery));
$('.slider-nav').slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: false,
  vertical: true,
  verticalSwiping:true,
  arrows: true,
  focusOnSelect: true,
  responsive: [
    {
      breakpoint: 767,
      settings: "unslick"
    }
  ]
});
    /*Validate Fields*/
    $( document ).ready(function() {
        $(document).on("click", "#bottom_button", function(e) {
            e.preventDefault();
            var flag = true;
            $(':input[name^=items]').each(function() {
                if(!$(this).is(":hidden")){
                    if ($(this).val() == null || $(this).val() == '') {
                        $(this).css('border','2px solid #e74c3c');
                        $(this).focus();
                        flag = false;
                    }else{
                        $(this).css('border','1px solid #80BDFF');
                    }
                }
            });
            if(flag==true){
                $("#submit_proposal").submit();
            }
        });
    });
<script>jQuery(function($){$('.et_pb_menu__search-container').attr('placeholder', 'Search for Movies, Actor, Director, Year of relase etc... ').css('opacity','1');});</script><style>.et-search-field { opacity: 0; }</style>
// Google Maps  
function initMap(getLat, getLng) {
  const location = { lat: getLat, lng: getLng };
  // The map
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 14,
    center: location,
  });
  // The marker
  const marker = new google.maps.Marker({
    position: location,
    map: map,
  });
}

// Geocode
function geocode() {
  var defaultLocation = 'Tbilisi';
  var address = $("#address").text();

  if (addressEn) { // You can add more conditionals to specify address line 2, zip code, etc.
    var myLocation = address;
  } else {
    var myLocation = defaultLocation
  }

  axios.get('https://maps.googleapis.com/maps/api/geocode/json',{
    params:{
      address: myLocation,
      key: 'YOUR_KEY',
    }
  })
  .then(function (response) {
    var lat = response.data.results[0].geometry.location.lat;
    var lng = response.data.results[0].geometry.location.lng;
    initMap(lat, lng);
  })
  .catch(function(error) {
    console.log(error);
  })
}
// Call
geocode();


<script type="text/javascript">
    
    jQuery(function(){
      jQuery(".div-to-hide-by-default").hide();
      jQuery("#btn-to-make-div-appear").click(function () {
        jQuery(".div-to-hide-by-default").toggle("slow");
        jQuery(".Other-similar-div-already-opened").hide("slow");
         
      });
    });
    
    
</script>
onChange="window.location.href=this.value"
<script> 
jQuery(document).ready(function($) { 
var delay = 100; setTimeout(function() { 
jQuery('.elementor-tab-title').removeClass('elementor-active');
jQuery('.elementor-tab-content').css('display', 'none'); }, delay); 
}); 
</script>
jQuery("#artistsLayout a").removeAttr("href").css("cursor","default");
var strLeftIn = $('.left-in-stock').attr('data-value');
var newStr = strLeftIn.replace(/\s+/g, '')
<div class="faq__item-wrapper">
  {% for block in section.blocks %}
  {% case block.type %}
  {% when 'question_three' %}
  <div class="faq__item">
    <div class="faq-question">{{ block.settings.question }}</div>
    <div class="faq-answer">{{ block.settings.answer }}</div>
  </div>
  {% endcase %}
  {% endfor %}
</div>    
<script>
  $(document).ready(function(){
    $('.faq-question').click(function(){
      $(this).toggleClass('active');
      $(this).next('.faq-answer').toggleClass('active');
    });
  });
</script>
jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
    [ your code goes here ]
} );
  $('.upsell-variants').on('change', function() {
    var optionSelected = $("option:selected", this);
    var main_img = $(optionSelected).data("src");
    $('.product__upsell-image img').attr('src', main_img);
  });
// Functionality to pass along URI to location search feature subdomain
if (document.querySelector('#locations-search-wrapper')) {
  // Location Search Feature
  $('#locations-search-wrapper ._button').click(function(e){
    e.preventDefault();
    var loc_input = $('#locations-search-wrapper .styled-input').val();
    // Change domain and parameter ='s below.
    window.open('https://newsite-editme.com/?q=' + loc_input.toLowerCase(), '_blank');
  })
}
$(document).on('click', function(e) {
  // Elements you don't want to remove the class name with...
  if($(e.target).is('.element-name, .element-open-toggle') === false) {
    // If anything outside of those is clicked, remove the active class to hide the popup.
    $('body').removeClass('class-name');
  }
})
// THE HTML/PHP

// Categories Nav START
<? $terms = get_terms( array(
    'taxonomy' => 'category-name', // <-- update this
    'orderby' => 'ID',
  )); 
  if ( $terms && !is_wp_error( $terms ) ){ ?>
   <ul class="CHANGEME-categories-nav">
      <? foreach( $terms as $term ) { ?>
        <li id="cat-<?php echo $term->term_id; ?>">
           <a href="#" class="<?= $term->slug; ?> ajax" data-term-number="<?= $term->term_id; ?>" title="<?= $term->name;?>"><?= $term->name; ?></a>
        </li>
      <? } ?>
   </ul>
<? } ?>
// Categories Nav END
                                       
// Results Container START
<div id="CHANGEME-results-container" class="CHANGEME-filter-result">
   <? // post query
     $query = new WP_Query( array(
        'post_type' => 'post-name', // <-- update this
        'posts_per_page' => -1,
      ) ); 
   if( $query->have_posts() ): while( $query->have_posts()): $query->the_post(); ?>
    
      // POST TEMPLATE HERE
    
   <? endwhile; endif; wp_reset_query(); ?>
</div>                      
// Results Container END

// The onpage JS for the page template
<script>
(function($) {
        'use strict';
        function cat_ajax_get(catID) {
            jQuery.ajax({
                type: 'POST',
                url: raindrop_localize.ajaxurl,
                data: {"action": "filter", cat: catID },
                success: function(response) {
                    jQuery("#CHANGEME-results-container").html(response);
                    return false;
                }
            });
        }
        $( ".CHANGEME-categories-nav a.ajax" ).click(function(e) {
            e.preventDefault();
            $("a.ajax").removeClass("current");
            $(this).addClass("current"); //adds class current to the category menu item being displayed so you can style it with css
            var catnumber = $(this).attr('data-term-number');
            cat_ajax_get(catnumber);
        });

    })(jQuery);
</script>
                                       
// Callback function for functions.php or some other functions specific php file like theme.php
// Aside from the inital add actions and a few other things, the actual query and post template should be the same as what is on the page.
                                       
add_action( 'wp_ajax_nopriv_filter', 'CHANGEME_cat_posts' );
add_action( 'wp_ajax_filter', 'CHANGEME_cat_posts' );
                                       
function CHANGEME_cat_posts () {
    $cat_id = $_POST[ 'cat' ];
    $args = array (
	  'tax_query' => array(
		    array(
		      'taxonomy' => 'category-name', // <-- update this
		      'field' => 'term_id',
		      'terms' => array( $cat_id )
		    )
		  ),
	    'post_type' => 'post-name', // <-- update this
	    'posts_per_page' => -1,
	  );
	global $post;
    $posts = get_posts( $args );
    ob_start ();
    foreach ( $posts as $post ) { 
	    setup_postdata($post); ?>

	    // POST TEMPLATE HERE

   <?php } wp_reset_postdata();
   $response = ob_get_contents();
   ob_end_clean();
   echo $response;
   die(1);
}
var jQueryScript = document.createElement('script'); jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'); document.head.appendChild(jQueryScript);
const textBlock = 0.37645448;
  const pageWidth = $('.container').width();
  const pageHeight = $('.container').height();
	
  if (pageWidth <= 1920 && pageHeight <= 1080) {
    $('.container').css()
  } else {
    $('.container').css('max-width', '100%')
  }
<div onclick="this.classList.toggle('active');"></div>
$(document).ready(function() {  
$('img').each(function (index, element) {
$(element).attr('alt', $(element).attr('src'));
$(element).attr('height', $(element).height());
$(element).attr('width', $(element).width());
$(element).attr('src','//images.weserv.nl/?url='.$(element).attr('src').'&fit=inside');
}); 
.find('img').attr('alt')
.find('img').attr('src')
.find('img').attr('height')
.find('img').height()
.find('img').atrr('width')
.find('img').width() 


});
<script>
  $(".ouvrir").click(function () {
      $("#share").toggleClass("open");
    });
    $(".fermer").click(function () {
      $("#share").toggleClass("open");
    });
</script>

<div class="icoBoite ouvrir *quand on va ciquer sur cette div, le JS va aller chercher la classe .ouvrir et la faire apparaitre.">
  
    <img class="icoShare " src="images/icon-share.svg" alt="">
      
  <div id="share" *La div à ouvrir, mettre un id dessus*>
    
  <div>
  <h3>Share</h3>
  <img src="images/icon-facebook.svg" alt=""><img src="images/icon-twitter.svg" alt=""><img src="images/icon-pinterest.svg" alt="">
  </div>

  <div id="triangle-code"></div>
</div>
</div>
// in css:
/* Display line under clicked navbar link */
.active {
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  color: rgb(20, 19, 19);
}

//in html: 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
      $(document).ready(function () {
        // Underline to remain in navbar after click using URL
        jQuery(function ($) {
          var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
          $('.nav-link').each(function () {
            if (this.href === path) {
              $(this).addClass('active');
            }
          });
        });
      });
    </script>

//Note class in link should be nav-link
$(document).ready(function () {
    $("#banner__knap").on("click", function () {
        $('html,body').animate({
            scrollTop: $("body > main > div.margin-bottom-100px > div > div").offset().top - 189
        },
            'slow');



    });
});
<?php
$the_query = new WP_Query(
	array(
		'post_type' => 'post',
		'posts_per_page' => -1,
		'post_status' => array( 'publish' ),
	)
);
if ( $the_query->have_posts() ) {
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
?>

<div class="container">
	<article id="post-<?php the_ID(); ?>" <?php post_class('blog-item'); ?>>
		<div class="blog-item__info">
			<div class="blog-item__author">
				<?php if (get_field('single_author')) { ?>
					<?php echo get_field('single_author'); ?>
				<?php } else { ?>
					<?php the_author(); ?>
				<?php } ?>
			</div>
			<div class="blog-item__date">
				<?php the_date('F j, Y'); ?>
			</div>
		</div>
		<div class="blog-item__category">
			<?php
			$categories = get_the_category();
			if ( ! empty( $categories ) ) {
				foreach( $categories as $category ) {
			?>
				<a href="<?php echo esc_url( get_category_link( $category->term_id ) )?>">
					<?php echo esc_html( $category->name );?>
				</a>
			<?php
				}
			}
			?>
		</div>
		<h2 class="blog-item__title">
			<a href="<?php the_permalink(); ?>" class="link link--underline-left link link--underline-left--invert">
				<?php the_title(); ?>
			</a>
		</h2>
		<div class="blog-item__thumb">
			<a href="<?php the_permalink(); ?>">
				<?php if (has_post_thumbnail() ): ?>
					<?php the_post_thumbnail(); ?>
				<?php endif; ?>
			</a>
		</div>
		<?php if (has_excerpt()) { ?>
			<div class="blog-item__excerpt">
				<?php the_excerpt(); ?>
			</div>
		<?php } ?>
		<div class="blog-item__more">
			<div class="btn-round-invert">
				<a href="<?php the_permalink(); ?>">
					<?php _e('Read more', 'theme'); ?>
				</a>
			</div>
		</div>
	</article>
</div>

<?php
}
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
?>
	// data attributes that are searchable
    let search_attributes = ['diner_name', 'order_number', 'table_number']; 
	var search_val = '';
    // rows under the active and complete tabs
    var $active_order_rows = $(".order-container");

	 $("#search").keyup(function() {
        search_val = $(this).val().toLowerCase();
        searchOrders(search_val, $active_order_rows);
    });

	/**
     * search through rows and hide those that do not match search value
     * @param   string  search term from #search
     * @param   object  rows to be shown/hidden
     */
    function searchOrders(search_val, $order_rows) {
        // hide all rows initially
        $order_rows.removeClass('d-flex').addClass('d-none');
        if(search_val.length) {
            $order_rows.filter(function() {
                var $row = $(this);
                var found = false;
                $.each(search_attributes, function(i, v) {
                    var searched = $.trim($row.data(v)).replace(/ +/g, " ").toLowerCase();
                    found = searched.indexOf(search_val) >= 0 ? 1 : 0;
                    if(found) return false;
                });
                return found;
            }).addClass("d-flex").removeClass("d-none");
        } else {
            $order_rows.removeClass('d-none').addClass('d-flex');
        }
    }
( function ($){
    jQuery (window).on ('load', function (){
        /* Global - Auto run animation for elements with data-animationcss - engine.js */
        animationCSS ();
    });

    /* Auto run animation for elements with data-animationcss */
    function animationCSS(){
        if ( !is_touch_device ()) {
            jQuery ('*[data-animationcss]').addClass (" animated ");

            /* ================ ANIMATED CONTENT ================ */
            if (jQuery (".animated")[ 0 ]) {
                jQuery ('.animated').css ('opacity', '0');
            }

            /* use scrollmagic */
            var animator = new ScrollMagic.Controller ();

            jQuery ('*[data-animationcss]').each (function (){
                var animation = jQuery (this).attr ('data-animationcss');

                var scene = new ScrollMagic.Scene ({
                    triggerElement: this,
                    triggerHook: 'onEnter',
                    offset: 50,
                    reverse: false
                }).on ('start', function (element){

                    jQuery (this.triggerElement ()).css ('opacity', 1);
                    jQuery (this.triggerElement ()).addClass (" animated " + animation);

                })
                .addTo (animator);
            });
        }
    }

} ) (jQuery);
//HTML
// getVimeoId($vleft['video']) = url do filmu vimeo

<div class="bottom__img">
	<iframe src="https://player.vimeo.com/video/<?php echo getVimeoId($vleft['video']); ?>?&autoplay=0&loop=0&muted=1&title=0&byline=0&portrait=0&fun=0&background=1" frameborder="0" allowfullscreen></iframe>
  <button class="play btn btn-transparent btn-rounded-inverse-mini" data-scrollinit="click">
      <svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12 7L3.01142e-07 13.9282L9.06825e-07 0.0717964L12 7Z" fill="#F2FF00"/>
      </svg>
  </button>
  <button class="stop btn btn-transparent btn-rounded-inverse-mini">
      <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M0.000244141 0.714355H2.28607V13.8572H0.000244141V0.714355Z" fill="#F2FF00"/>
          <path d="M5.71413 0.714111H7.99995V13.8572H5.71413V0.714111Z" fill="#F2FF00"/>
      </svg>
  </button>
</div>


//SCSS
.bottom__img {
	height: 0;
	width: 100%;
	padding-top: 74%;
	position: relative;

	iframe,
	img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.play,
	.stop {
		position: absolute;
		right: 26px;
		bottom: calc(17.75% + 26px);

		&:hover {
			svg {
				path {
					fill: #000000;
				}
			}
		}

		&.stop {
			//display: none;
		}

		&.play {
			display: none;

			svg {
				margin-left: 2px;
			}
		}
	}
}

//JS
//need magicscroll

(function ($) {
	jQuery(window).on('load', function () {
		var localization = $('.bottom__img');
		var moduleIframe = $(localization).find('iframe');
		if (moduleIframe.length) {
			var player = new Vimeo.Player($(localization).find('iframe'));
			var playBtn = $(localization).find('.play');
			var stopBtn = $(localization).find('.stop');
			console.log(stopBtn);

			/* controls */
			playBtn.on('click', function (e) {
				e.stopPropagation();
				player.play();
			})
			stopBtn.on('click', function () {
				player.pause();
			})

			player.on('play', function () {
				stopBtn.show();
				playBtn.hide();
			});
			player.on('pause', function () {
				stopBtn.hide();
				playBtn.show();
			});
		}

		var autoPlay = new ScrollMagic.Controller();

		jQuery('.bottom__img *[data-scrollinit]').each(function () {
			var animation = jQuery(this).attr('data-scrollinit');

			var scene = new ScrollMagic.Scene({
				triggerElement: this,
				triggerHook: 'onEnter',
				offset: 100,
				reverse: false
			}).on('start', function (element) {
				player.play();

			})
				.addTo(autoPlay);
		});
	});
})(jQuery);



//if you have 2 videos you can play 2nd after finished first:
//playerLeft.on('ended', function () {
//	playerRight.play();
//});
// ex. zmorph3d - page product i500
$('.page-header').css({
  '-webkit-transform' : 'translateY(' + topbarHeight + 'px)',
  '-moz-transform'    : 'translateY(' + topbarHeight + 'px)',
  '-ms-transform'     : 'translateY(' + topbarHeight + 'px)',
  '-o-transform'      : 'translateY(' + topbarHeight + 'px)',
  'transform'         : 'translateY(' + topbarHeight + 'px)'
});
<?php 
    // DP style
    $rules_delete_exception = array();
    $rules_delete_exception[] = 'booker_name {
        required: true
    }';

    $this->formhelper->setupJsFormValidation('confirm_form', '{'.implode(', ', $rules_delete_exception).'}', $messages='{}', $submit_handler='default');
?>

<!-- action button -->
<button type="button" class="btn bg-danger" data-toggle="modal" data-target="#confirm_modal">Confirm</button>

<!-- Modal to confirm action initially hidden -->
<div id="confirm_modal" class="modal fade" tabindex="-1">
    <?php echo form_open('controller/method', array('id' => 'confirm_form')); ?>
        <input type="text" name="booker_name">
            <button type="button" data-dismiss="modal">Close</button>
            <button type="submit">Yes, delete exception</button>
        </div>
    </form>
</div>

<script>
    // Jquery style
    const fv = FormValidation.formValidation(confirm_form, {
        rules: {
            'booker_name', {required: true }
        },

    });
</script>
function verificarEmail() {
  let data = $("#email").serialize();
  $("#errorEmail").text("");
  $.ajax({
    method: "POST",
    url: '/verificarEmail',
    data: data
  })
  .done(function(respuesta) {
    if(respuesta == "Existe"){
      $("#errorEmail").text("El email ya se encuentra registrado.")
    }
   })
  .fail(function() {
    alert( "error" );
  })
}
$.ajax({ 
  type: "POST",
  data: "",
  dataType: 'json',
  url: "",
  success: function(data)
  {

  }
});
$(document).ready(function() 
{
  
});
// SCROLL NAV
jQuery(document).ready(function ($) {
  $(function () {
    var header = $(".navFix");
    $(window).scroll(function () {
      var scroll = $(window).scrollTop();
      if (scroll >= 300) {
        header.removeClass("header").addClass("bg");
      } else {
        header.removeClass("bg").addClass("header");
      }
    });
  });
});
$.ajax({
	type:"POST",
	data:sendstring,
	dataType:'json',
	url:"",
	success:function(data)
	{

    }
});	
<script>
jQuery( document ).ready(function($){
	$(document).on('click','.elementor-location-popup a', function(event){
		elementorProFrontend.modules.popup.closePopup( {}, event);
	})
});
</script>
Basic routing
Routing refers to determining how an application responds to a client request to a particular endpoint, which is a URI (or path) and a specific HTTP request method (GET, POST, and so on).

Each route can have one or more handler functions, which are executed when the route is matched.

Route definition takes the following structure:

app.METHOD(PATH, HANDLER)
 Save
Where:

app is an instance of express.
METHOD is an HTTP request method, in lowercase.
PATH is a path on the server.
HANDLER is the function executed when the route is matched.
var cardDiv = $("#cards");
var outerDiv = $("<div>", { class: "col-md-4 test" });
        var newDiv = $("<div>", { class: "card mb-3 shadow-sm" });
        var cardsDiv = $("<div>", { class: "card border-success mb-3" });
        var cardImage = $("<img>", { class: "card-img-top" });
        var cardBody = $("<div>", { class: "card-body" });
        var cardTitle = $("<h5>", { class: "card-title" });
        var cardText = $("<p>", { class: "card-text" });
        var cardBtn = $("<button>", { class: "btn btn-primary" });
$.fn.showFlex = function() { this.css('display','flex'); }

$(".element").showFlex();
  $(document).ready(function() {

        $('#check').on('submit', function(e) {
            e.preventDefault();

            $('#sub').prop('disable', true)
            $('#sub').text('Checking');
            $.ajax({
                url: '/home/checkorderstatus',
                method: 'POST',
                contentType: false,
                processData: false,
                cache: false,
                data: new FormData(this),
                success: function(data) {
                    $('#success').slideDown('slow').html(data);

                }
            });


            $(document).ajaxComplete(function() {
                $('#sub').prop('disabled', false)
                $('#sub').html('<i class="fa fa-search"></i>')
                $('#check').trigger("reset");
            })

            setTimeout(function() {
                $('#success').hide('slow')
            }, 3000)
        })


    })
 // scroll animations
    // Select all links with hashes
    $('a[href*="#"]')
        // Remove links that don't actually link to anything
        .not('[href="#"]')
        .not('[href="#0"]')
        .click(function(event) {
            // On-page links
            if (
                location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
                location.hostname == this.hostname
            ) {
                // Figure out element to scroll to
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                // Does a scroll target exist?
                if (target.length) {
                    // Only prevent default if animation is actually gonna happen
                    event.preventDefault();
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000, function() {
                        // Callback after animation
                        // Must change focus!
                        var $target = $(target);
                        $target.focus();
                        if ($target.is(":focus")) { // Checking if the target was focused
                            return false;
                        } else {
                            $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
                            $target.focus(); // Set focus again
                        };
                    });
                }
            }
        });
     let images = document.getElementsByClassName('thumb-image');
     $('#search_templates').keyup(function (e) { 
         let search = $('#search_templates').val().toLowerCase();
         for (let i = 0; i < images.length; i++) {
             let searchVal = images[i].getAttribute('data-search');
             if (searchVal.toLowerCase().indexOf(search) > -1) {
                 images[i].style.display = "";
             }else{
                 images[i].style.display = "none";
             }
             
         }
         
     });
     
     //#search_templates is input and each image has keywords in data-search="" attribute
$(window).bind("pageshow", function() {
    var form = $('form'); 
    // let the browser natively reset defaults
    form[0].reset();
});
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.2.6");
</script>
<script type="text/javascript" src="js/example.js"></script>
$('#elm').hover(
       function(){ $(this).addClass('hover') },
       function(){ $(this).removeClass('hover') }
)
$("a").hover(function() {
       $(this).stop().animate({paddingLeft : "10px"},200);
},function() {
       $(this).stop().animate({paddingLeft : "0px"},200);
});
$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);
<div id="kitten" style="background-image: url(dog.jpg);">
  <img src="/images/kitten.jpg" alt="Kitten" />
</div>
$("#more-less-options-button").click(function() {
     var txt = $("#extra-options").is(':visible') ? 'more options' : 'less options';
     $("#more-less-options-button").text(txt);
     $("#extra-options").slideToggle();
});
$("#s")
    .val("Search...")
    .css("color", "#ccc")
    .focus(function(){
        $(this).css("color", "black");
        if ($(this).val() == "Search...") {
            $(this).val("");
        }
    })
    .blur(function(){
        $(this).css("color", "#ccc");
        if ($(this).val() == "") {
            $(this).val("Search...");
        }
    });
if ($('#myElement').length > 0) { 
    // it exists 
}
(function($) {
    
  var allPanels = $('.accordion > dd').hide();
    
  $('.accordion > dt > a').click(function() {
    allPanels.slideUp();
    $(this).parent().next().slideDown();
    return false;
  });

})(jQuery);
jQuery.extend({

  getQueryParameters : function(str) {
	  return (str || document.location.search).replace(/(^\?)/,'').split("&").map(function(n){return n = n.split("="),this[n[0]] = n[1],this}.bind({}))[0];
  }

});
if ($(selectionOne) === $(selectionTwo)) {

}
<div id="slideshow">
   <div>
     <img src="//farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg">
   </div>
   <div>
     <img src="//farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg">
   </div>
   <div>
     Pretty cool eh? This slide is proof the content can be anything.
   </div>
</div>
<div id="kitten" style="background-image: url(dog.jpg);">
  <img src="/images/kitten.jpg" alt="Kitten" />
</div>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>
<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>
(function() {
    
    var mX, mY, distance,
        $distance = $('#distance span'),
        $element  = $('#element');

    function calculateDistance(elem, mouseX, mouseY) {
        return Math.floor(Math.sqrt(Math.pow(mouseX - (elem.offset().left+(elem.width()/2)), 2) + Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2)));
    }

    $(document).mousemove(function(e) {  
        mX = e.pageX;
        mY = e.pageY;
        distance = calculateDistance($element, mX, mY);
        $distance.text(distance);         
    });

})();
(function($) {
    
  var allPanels = $('.accordion > dd').hide();
    
  $('.accordion > dt > a').click(function() {
    allPanels.slideUp();
    $(this).parent().next().slideDown();
    return false;
  });

})(jQuery);
jQuery.extend({

  getQueryParameters : function(str) {
	  return (str || document.location.search).replace(/(^\?)/,'').split("&").map(function(n){return n = n.split("="),this[n[0]] = n[1],this}.bind({}))[0];
  }

});
// Replace source
$('img').on("error", function() {
  $(this).attr('src', '/images/missing.png');
});

// Or, hide them
$("img").on("error", function() {
  $(this).hide();
});
$('iframe').attr('src', $('iframe').attr('src'));
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
star

Wed Apr 10 2024 05:34:17 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue Apr 09 2024 07:47:41 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Apr 03 2024 13:05:43 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue Apr 02 2024 07:09:59 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Tue Apr 02 2024 06:59:20 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Tue Apr 02 2024 06:57:49 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Tue Apr 02 2024 06:51:19 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Tue Apr 02 2024 06:48:47 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Tue Apr 02 2024 05:41:38 GMT+0000 (Coordinated Universal Time)

#jquery #js
star

Fri Mar 29 2024 13:02:29 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Fri Mar 29 2024 11:39:55 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Sun Mar 03 2024 11:14:02 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:44:46 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:42:00 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:41:26 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:39:10 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:37:20 GMT+0000 (Coordinated Universal Time)

#jquery #javascript
star

Thu Feb 08 2024 11:35:37 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:27:12 GMT+0000 (Coordinated Universal Time)

#jquery #php
star

Thu Feb 08 2024 11:25:49 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 08 2024 11:19:20 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Feb 07 2024 00:39:20 GMT+0000 (Coordinated Universal Time)

#html #form #radio_button #javascript #jquery
star

Mon Dec 18 2023 03:17:23 GMT+0000 (Coordinated Universal Time) https://www.w3schools.com/jquery/jquery_selectors.asp

#jquery #selector #jqueryselector #documentready function #documentready #document.ready #jqueryonclick
star

Tue Dec 12 2023 23:45:08 GMT+0000 (Coordinated Universal Time) https://m.blog.naver.com/gmlwns77/50157585443

#jquery
star

Mon Dec 04 2023 13:21:17 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Nov 30 2023 14:49:15 GMT+0000 (Coordinated Universal Time) https://www.youtube.com/watch?v=4Dko5W96WHg

#php #poo #mvc #jquery #postgresql
star

Thu Nov 30 2023 13:54:18 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Nov 30 2023 06:06:26 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Nov 29 2023 18:22:44 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Tue Nov 28 2023 07:17:51 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Nov 23 2023 10:04:38 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue Nov 21 2023 12:07:50 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sun Nov 19 2023 06:12:48 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue Nov 07 2023 19:39:51 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Tue Nov 07 2023 17:46:31 GMT+0000 (Coordinated Universal Time) https://www.youtube.com/watch?v=6qiOsJIliIo

#php #poo #mvc #jquery #postgresql
star

Tue Nov 07 2023 10:16:54 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Nov 02 2023 15:24:28 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Mon Oct 09 2023 13:41:04 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Oct 05 2023 16:55:36 GMT+0000 (Coordinated Universal Time) https://html.spec.whatwg.org/multipage/introduction.html#abstract

#php #poo #mvc #jquery #postgresql
star

Mon Oct 02 2023 06:42:49 GMT+0000 (Coordinated Universal Time)

#css #html #jquery
star

Tue Sep 19 2023 04:32:54 GMT+0000 (Coordinated Universal Time)

#css #html #jquery
star

Fri Sep 15 2023 17:17:27 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Sep 14 2023 20:08:27 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Wed Sep 06 2023 17:07:49 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Wed Sep 06 2023 13:05:04 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Wed Sep 06 2023 09:16:54 GMT+0000 (Coordinated Universal Time)

#jquery #ajax
star

Fri Aug 25 2023 15:37:09 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Jul 12 2023 17:45:30 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Wed Jul 12 2023 17:45:16 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Jul 06 2023 16:50:33 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Tue Jul 04 2023 10:31:54 GMT+0000 (Coordinated Universal Time)

#php #jquery
star

Thu Jun 08 2023 15:11:49 GMT+0000 (Coordinated Universal Time)

#php #poo #mvc #jquery #postgresql
star

Thu Jun 08 2023 10:07:26 GMT+0000 (Coordinated Universal Time)

#jquery
star

Mon May 29 2023 09:52:24 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/

#jquery
star

Mon Jan 30 2023 05:09:34 GMT+0000 (Coordinated Universal Time)

#magento2 #jquery
star

Mon Jan 30 2023 04:58:38 GMT+0000 (Coordinated Universal Time) https://dimsemenov.com/plugins/magnific-popup/documentation.html

#jquery #magnificpopup #slider
star

Sun Jan 29 2023 17:42:43 GMT+0000 (Coordinated Universal Time)

#jquery #javascript
star

Tue Dec 13 2022 17:25:54 GMT+0000 (Coordinated Universal Time)

#javascript #shopify #jquery
star

Tue Dec 06 2022 13:39:07 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Dec 03 2022 10:37:21 GMT+0000 (Coordinated Universal Time) https://www.hivelance.com/erc721-token-development

#react.js #nodejs #mongoshell #jquery
star

Tue Nov 29 2022 11:02:11 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Mon Nov 14 2022 11:13:45 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Mon Nov 14 2022 10:48:04 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Wed Nov 02 2022 07:03:46 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/7474354/include-jquery-in-the-javascript-console

#jquery
star

Mon Oct 17 2022 11:58:22 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/37836002/jquery-multiple-audio-player-buttons

#javascript #audio #player #jquery
star

Sat Oct 15 2022 17:49:39 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 17:40:18 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 17:24:39 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 17:20:15 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 17:17:44 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 17:17:15 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 16:59:19 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 16:58:35 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sat Oct 15 2022 16:57:53 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Sep 28 2022 06:44:15 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Tue Sep 27 2022 11:07:00 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Mon Sep 26 2022 16:50:53 GMT+0000 (Coordinated Universal Time)

#jquery
star

Mon Sep 26 2022 14:33:56 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Thu Sep 08 2022 12:45:35 GMT+0000 (Coordinated Universal Time)

#javascript #jquery #html #css
star

Thu Sep 08 2022 12:44:06 GMT+0000 (Coordinated Universal Time)

#javascript #jquery #html #css
star

Wed Sep 07 2022 08:59:50 GMT+0000 (Coordinated Universal Time) https://nnattawat.github.io/flip/

#flip #card #jquery
star

Fri Aug 26 2022 14:21:32 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Wed Aug 24 2022 14:39:55 GMT+0000 (Coordinated Universal Time)

#jquery
star

Fri Aug 19 2022 11:04:11 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Thu Aug 18 2022 14:08:22 GMT+0000 (Coordinated Universal Time)

#javascript #jquery #speedoptimization
star

Wed Aug 17 2022 10:02:09 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Tue Aug 16 2022 14:52:29 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Tue Aug 16 2022 12:44:27 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Thu Jul 21 2022 13:12:09 GMT+0000 (Coordinated Universal Time) https://www.w3resource.com/jquery-exercises/part1/jquery-practical-exercise-33.php

#javascript #jquery
star

Thu Jul 21 2022 09:52:45 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Thu Jun 23 2022 15:32:32 GMT+0000 (Coordinated Universal Time) https://usefulangle.com/post/298/javascript-url-hash

#jquery #event #change #hash #url
star

Thu Jun 16 2022 05:49:04 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Jun 02 2022 05:24:21 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue May 31 2022 10:16:19 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue May 31 2022 06:14:48 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue May 31 2022 06:04:57 GMT+0000 (Coordinated Universal Time)

#jquery
star

Fri May 27 2022 04:53:27 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu May 19 2022 07:59:33 GMT+0000 (Coordinated Universal Time)

#js #javascript #jquery
star

Thu May 05 2022 06:53:02 GMT+0000 (Coordinated Universal Time)

#jquery
star

Wed Apr 13 2022 20:11:08 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/15657686/jquery-event-detect-changes-to-the-html-text-of-a-div

#javascript #jquery
star

Fri Apr 08 2022 17:48:51 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Mon Apr 04 2022 01:13:01 GMT+0000 (Coordinated Universal Time) https://markokrstic.com/code/

#jquery
star

Fri Mar 18 2022 03:54:33 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Sat Feb 26 2022 18:02:32 GMT+0000 (Coordinated Universal Time) https://www.w3schools.com/jquery/jquery_selectors.asp

#jquery
star

Wed Feb 09 2022 09:18:10 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-ajax-methods.html

#jquery
star

Wed Feb 09 2022 09:16:59 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-ajax.html

#jquery
star

Wed Feb 09 2022 09:15:58 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-filtering.html

#jquery
star

Wed Feb 09 2022 09:14:57 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-siblings.html

#jquery
star

Wed Feb 09 2022 09:13:47 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-descendants.html

#jquery
star

Wed Feb 09 2022 09:12:44 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-traversing.html

#jquery
star

Wed Feb 09 2022 09:11:42 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-chaining.html

#jquery
star

Wed Feb 09 2022 09:10:53 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-callback.html

#jquery
star

Wed Feb 09 2022 09:09:50 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-stop.html

#jquery
star

Wed Feb 09 2022 09:08:21 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-animation.html

#jquery
star

Wed Feb 09 2022 07:50:39 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-sliding.html

#jquery
star

Wed Feb 09 2022 07:49:34 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-fading-effect.html

#jquery
star

Wed Feb 09 2022 07:48:29 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-toggle.html

#jquery
star

Wed Feb 09 2022 07:47:11 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-show-hide.html

#jquery
star

Wed Feb 09 2022 07:18:44 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-classes.html

#jquery
star

Wed Feb 09 2022 07:17:36 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-remove.html

#jquery
star

Wed Feb 09 2022 07:16:30 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-set.html

#jquery
star

Wed Feb 09 2022 07:15:04 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-get.html

#jquery
star

Wed Feb 09 2022 07:13:55 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-add.html

#jquery
star

Wed Feb 09 2022 07:13:34 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-events.html

#jquery
star

Wed Feb 09 2022 07:12:55 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-selectors.html

#jquery
star

Wed Feb 09 2022 07:12:20 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-syntax.html

#jquery
star

Wed Feb 09 2022 07:11:45 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/codeeditor/jquery-welcome.html

#jquery #css #html #javascript #java #python
star

Wed Feb 09 2022 07:10:17 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-cdn.html

#jquery
star

Wed Feb 09 2022 07:08:55 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-tutorial.html

#jquery
star

Tue Feb 08 2022 12:31:43 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/java/java-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:31:09 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/php/php-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:30:12 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/bootstrap/bootstrap.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:28:58 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/jquery/jquery-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:28:18 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/js/javascript-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:26:42 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/css/css-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 12:25:56 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/html/html-tutorial.html

#html #css #javascript #java #python #jquery
star

Tue Feb 08 2022 07:49:56 GMT+0000 (Coordinated Universal Time) https://elementtutorials.com/

#elementtutorials #ht #css #java #javascript #php #sass #jquery #python
star

Sat Jan 29 2022 00:13:53 GMT+0000 (Coordinated Universal Time) https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

#jquery
star

Sat Jan 29 2022 00:13:43 GMT+0000 (Coordinated Universal Time) https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

#jquery
star

Mon Jan 24 2022 08:40:08 GMT+0000 (Coordinated Universal Time) https://www.aspsnippets.com/Articles/Restrict-user-from-entering-Special-Characters-in-TextBox-using-jQuery.aspx

#javascript #jquery
star

Fri Jan 21 2022 13:00:18 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/39291997/how-to-block-e-in-input-type-number

#javascript #jquery
star

Fri Jan 21 2022 11:19:17 GMT+0000 (Coordinated Universal Time) https://ochestratecs.wpengine.com/wp-admin/post.php?post

#jquery #javascript
star

Wed Jan 19 2022 03:22:11 GMT+0000 (Coordinated Universal Time) https://www.thetinygirl.com/wp-admin/post.php?post

#javascript #jquery
star

Wed Jan 19 2022 03:19:14 GMT+0000 (Coordinated Universal Time) https://www.thetinygirl.com/wp-admin/post.php?post

#jquery #javascript
star

Tue Jan 18 2022 09:33:25 GMT+0000 (Coordinated Universal Time) https://skywalker.com.au/collections/shop/products/black-swegway

#javascript #jquery
star

Tue Dec 28 2021 13:34:20 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Dec 16 2021 22:56:16 GMT+0000 (Coordinated Universal Time) https://wordpress-599798-2314299.cloudwaysapps.com/wp-admin/admin.php?page

#divi #jquery
star

Wed Nov 10 2021 22:02:56 GMT+0000 (Coordinated Universal Time)

#jquery
star

Mon Nov 08 2021 17:13:27 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Nov 04 2021 16:02:23 GMT+0000 (Coordinated Universal Time)

#jquery
star

Fri Oct 29 2021 10:13:33 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue Oct 26 2021 09:49:27 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/10800355/remove-whitespaces-inside-a-string-in-javascript

#javascript #jquery
star

Tue Oct 26 2021 09:27:36 GMT+0000 (Coordinated Universal Time)

#javascript #jquery #html
star

Mon Oct 25 2021 06:48:12 GMT+0000 (Coordinated Universal Time) https://developer.wordpress.org/reference/functions/wp_enqueue_script/

#wordpress #mu-plugins #jquery
star

Thu Oct 21 2021 06:17:36 GMT+0000 (Coordinated Universal Time) https://workflowy.com/

#jquery #javascript
star

Wed Oct 20 2021 16:16:12 GMT+0000 (Coordinated Universal Time) lunagrill.com

#jquery #javascript
star

Fri Oct 15 2021 21:31:56 GMT+0000 (Coordinated Universal Time)

#jquery #javascript
star

Thu Oct 07 2021 20:09:32 GMT+0000 (Coordinated Universal Time)

#javascript #jquery #php #html
star

Mon Jul 19 2021 14:29:51 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Fri Jul 16 2021 16:32:57 GMT+0000 (Coordinated Universal Time)

#resize #jquery #function
star

Mon Jul 12 2021 10:14:42 GMT+0000 (Coordinated Universal Time)

#jquery
star

Mon Jul 05 2021 09:24:15 GMT+0000 (Coordinated Universal Time)

#jquery
star

Mon Jun 14 2021 11:05:27 GMT+0000 (Coordinated Universal Time)

#jquery
star

Sun May 30 2021 10:52:07 GMT+0000 (Coordinated Universal Time)

#html #jquery #css #navbar
star

Wed May 19 2021 07:30:30 GMT+0000 (Coordinated Universal Time)

#jquery
star

Tue May 11 2021 11:34:49 GMT+0000 (Coordinated Universal Time)

#javascript #php #jquery
star

Tue May 04 2021 09:39:25 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Apr 29 2021 12:16:52 GMT+0000 (Coordinated Universal Time)

#javascript #php #jquery
star

Wed Apr 28 2021 12:54:09 GMT+0000 (Coordinated Universal Time)

#javascript #php #jquery
star

Mon Apr 26 2021 10:02:06 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Tue Apr 13 2021 19:15:46 GMT+0000 (Coordinated Universal Time) https://formvalidation.io/guide/examples/integrating-with-bootbox/

#php #jquery
star

Tue Mar 30 2021 01:18:02 GMT+0000 (Coordinated Universal Time)

#ajax #jquery #javascript
star

Mon Mar 29 2021 22:26:41 GMT+0000 (Coordinated Universal Time) https://codepen.io/daveredfern/pen/qVJgRo

#html #css #jquery
star

Mon Mar 29 2021 19:49:52 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Mon Mar 29 2021 19:48:42 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Thu Mar 25 2021 21:13:14 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Feb 18 2021 17:38:05 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Sun Jan 17 2021 16:45:51 GMT+0000 (Coordinated Universal Time)

#elementor #wordpress #jquery
star

Fri Dec 04 2020 01:42:13 GMT+0000 (Coordinated Universal Time)

#nodejs #jquery
star

Sat Oct 31 2020 13:00:34 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Sep 24 2020 16:45:25 GMT+0000 (Coordinated Universal Time)

#jquery
star

Thu Aug 27 2020 14:17:42 GMT+0000 (Coordinated Universal Time)

#php #codeigniter #jquery
star

Fri Aug 14 2020 11:37:34 GMT+0000 (Coordinated Universal Time) css-tricks.com

#smoothscroll #jquery
star

Thu Jul 02 2020 03:56:02 GMT+0000 (Coordinated Universal Time)

#javascript #jquery
star

Sun Jun 28 2020 10:47:01 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/8861181/clear-all-fields-in-a-form-upon-going-back-with-browser-back-button

#jquery
star

Tue Jun 23 2020 10:05:29 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/loading-jquery/

#jquery
star

Tue Jun 23 2020 09:45:54 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/addingremoving-class-on-hover/

#jquery
star

Tue Jun 23 2020 09:37:32 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/link-nudging/

#jquery
star

Tue Jun 23 2020 09:27:41 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/

#javascript #jquery
star

Tue Jun 23 2020 09:06:18 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/fade-image-into-another-image/

#jquery
star

Mon Jun 22 2020 13:00:11 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/toggle-text/

#jquery
star

Wed Jun 03 2020 07:32:34 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/clear-default-search-string-on-focus/

#jquery
star

Wed Jun 03 2020 07:31:02 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/check-if-element-exists/

#jquery
star

Wed Jun 03 2020 07:30:02 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/simple-jquery-accordion/

#jquery
star

Wed Jun 03 2020 07:29:08 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/get-query-params-object/

#jquery
star

Wed Jun 03 2020 07:10:06 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/compare-jquery-objects/

#jquery
star

Wed Jun 03 2020 07:08:41 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/

#jquery
star

Wed Jun 03 2020 06:00:01 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/fade-image-into-another-image/

#jquery
star

Wed Jun 03 2020 05:54:07 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

#jquery
star

Fri May 29 2020 12:29:09 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/move-clicked-list-items-to-top-of-list/

#jquery
star

Fri May 29 2020 12:03:09 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/calculate-distance-between-mouse-and-element/

#jquery
star

Fri May 29 2020 12:00:09 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/simple-jquery-accordion/

#jquery
star

Fri May 29 2020 11:45:11 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/get-query-params-object/

#jquery
star

Fri May 29 2020 11:40:32 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/better-broken-image-handling/

#jquery
star

Tue May 26 2020 11:29:32 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/snippets/jquery/force-iframe-to-reload/

#jquery
star

Sat May 09 2020 19:43:38 GMT+0000 (Coordinated Universal Time) https://api.jquery.com/jquery.post/

#javascript #jquery
star

Sun May 03 2020 23:24:35 GMT+0000 (Coordinated Universal Time) https://makitweb.com/how-to-use-switchclass-and-toggleclass-in-jquery/

#javascript #jquery

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension