Snippets Collections
//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);
});
//jQuery anchor link on the same page
$('#menu a[href^="#"]').on(click, function (event) {
    var target = $(this.getAttribute('href'));

    if (target.length) {
        event.preventDefault();
        closeMenu();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 1000)
    }
});
$( ".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;
     });
jQuery(".accordion-list > li:first-of-type").addClass("active");
    jQuery('.accordion-list > li.active').find(".answer").slideDown();
    jQuery('.accordion-list li h2').on("click", function () {
        jQuery('.accordion-list li h2').not(this).removeClass('active');
        jQuery(this).next('.accordion-list li .answer').slideToggle();
        jQuery(this).toggleClass('active');
        jQuery('.accordion-list li .answer').not(jQuery(this).next()).slideUp(400);
    });
$(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)`;
      });

$(document).ready(function() {
  jQuery('.accordion-list > li > .answer').hide();
  jQuery(".accordion-list > li:first-of-type").addClass("active");
  jQuery('.accordion-list > li.active').find(".answer").slideDown();
    $('.accordion-list li h2').on("click", function(){
        $('.accordion-list li h2').not(this).removeClass('active');
        $(this).next('.accordion-list > li > .answer').slideToggle();
        $(this).toggleClass('active');
        $('.accordion-list > li > .answer').not($(this).next()).slideUp(400);
    });
});
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

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

#jquery #event #change #hash #url
star

Wed Jun 22 2022 10:28:11 GMT+0000 (UTC)

#jquery
star

Thu Jun 16 2022 05:49:04 GMT+0000 (UTC)

#jquery
star

Thu Jun 02 2022 05:24:21 GMT+0000 (UTC)

#jquery
star

Tue May 31 2022 10:16:19 GMT+0000 (UTC)

#jquery
star

Tue May 31 2022 06:14:48 GMT+0000 (UTC)

#jquery
star

Tue May 31 2022 06:04:57 GMT+0000 (UTC)

#jquery
star

Fri May 27 2022 04:58:14 GMT+0000 (UTC)

#jquery
star

Fri May 27 2022 04:53:27 GMT+0000 (UTC)

#jquery
star

Thu May 05 2022 06:53:02 GMT+0000 (UTC)

#jquery
star

Wed Apr 13 2022 20:11:08 GMT+0000 (UTC) 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 (UTC)

#javascript #jquery
star

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

#jquery
star

Fri Mar 18 2022 03:54:33 GMT+0000 (UTC)

#javascript #jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

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

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

#jquery
star

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

#jquery
star

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#jquery
star

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

#jquery
star

Mon Jan 24 2022 08:40:08 GMT+0000 (UTC) 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 (UTC) 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 (UTC) https://ochestratecs.wpengine.com/wp-admin/post.php?post

#jquery #javascript
star

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

#javascript #jquery
star

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

#jquery #javascript
star

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

#javascript #jquery
star

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

#divi #jquery
star

Wed Nov 10 2021 22:02:56 GMT+0000 (UTC)

#jquery
star

Mon Nov 08 2021 17:13:27 GMT+0000 (UTC)

#jquery
star

Thu Nov 04 2021 16:02:23 GMT+0000 (UTC)

#jquery
star

Fri Oct 29 2021 10:13:33 GMT+0000 (UTC)

#jquery
star

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

#javascript #jquery
star

Tue Oct 26 2021 09:27:36 GMT+0000 (UTC)

#javascript #jquery #html
star

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

#wordpress #mu-plugins #jquery
star

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

#jquery #javascript
star

Wed Oct 20 2021 16:16:12 GMT+0000 (UTC) lunagrill.com

#jquery #javascript
star

Mon Jul 19 2021 14:29:51 GMT+0000 (UTC)

#javascript #jquery
star

Mon Jul 12 2021 10:14:42 GMT+0000 (UTC)

#jquery
star

Mon Jul 05 2021 09:24:15 GMT+0000 (UTC)

#jquery
star

Mon Jun 14 2021 11:05:27 GMT+0000 (UTC)

#jquery
star

Sun May 30 2021 10:52:07 GMT+0000 (UTC)

#html #jquery #css #navbar
star

Wed May 19 2021 07:30:30 GMT+0000 (UTC)

#jquery
star

Tue May 11 2021 11:34:49 GMT+0000 (UTC)

#javascript #php #jquery
star

Tue May 04 2021 09:39:25 GMT+0000 (UTC)

#jquery
star

Thu Apr 29 2021 12:16:52 GMT+0000 (UTC)

#javascript #php #jquery
star

Mon Apr 26 2021 10:02:06 GMT+0000 (UTC)

#javascript #jquery
star

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

#php #jquery
star

Tue Mar 30 2021 01:18:02 GMT+0000 (UTC)

#ajax #jquery #javascript
star

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

#html #css #jquery
star

Mon Mar 29 2021 19:49:52 GMT+0000 (UTC)

#javascript #jquery
star

Mon Mar 29 2021 19:48:42 GMT+0000 (UTC)

#javascript #jquery
star

Thu Mar 25 2021 21:13:14 GMT+0000 (UTC)

#jquery
star

Thu Feb 18 2021 17:38:05 GMT+0000 (UTC)

#javascript #jquery
star

Fri Dec 04 2020 01:42:13 GMT+0000 (UTC)

#nodejs #jquery
star

Sat Oct 31 2020 13:00:34 GMT+0000 (UTC)

#jquery
star

Thu Sep 24 2020 16:45:25 GMT+0000 (UTC)

#jquery
star

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

#smoothscroll #jquery
star

Thu Jul 02 2020 03:56:02 GMT+0000 (UTC)

#javascript #jquery
star

Sun Jun 28 2020 10:47:01 GMT+0000 (UTC) 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 (UTC) https://css-tricks.com/snippets/jquery/loading-jquery/

#jquery
star

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

#jquery
star

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

#jquery
star

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

#javascript #jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

Fri May 29 2020 12:29:09 GMT+0000 (UTC) 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 (UTC) https://css-tricks.com/snippets/jquery/calculate-distance-between-mouse-and-element/

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#jquery
star

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

#javascript #jquery
star

Sun May 03 2020 23:24:35 GMT+0000 (UTC) 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