Snippets Collections
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);
                            }
88
                        });
89
                    $('.mt-fully-carousel-item').owlCarousel({
90
                        responsiveClass:true,
91
                        responsive:{
92
                            0:{
93
                                items:1,
94
                                margin:10,
95
                                nav:false,
96
                                dots: true,
97
                                autoplay:true,
98
                                autoHeight:true
99
                            },
100
                            861:{
101
                                items:4
102
                            }
103
                        },
104
                        loop:true,
105
                        margin:20,
106
                        nav:true,
107
                        dots: false,
108
                        autoplay:false,
109
                        autoHeight:true,
110
                        items: 4
111
                    });
112
                }           
113
                // Turn Infobox into carousel on mobile
114
                if(SDB.App.exists('.mobile-carousel')){
115
                    var cg = $('.mobile-carousel').find('.fl-col-group');
116
                    if (window.matchMedia('(max-width: 860px)').matches) {
117
                        $('.fl-visible-desktop').remove();
118
                        $(cg).each(function(){
119
                            var cgc = $(this).children().length;
120
                            if(cgc > 1){
121
                                var parent = $(this).parents('.fl-col-content');
122
                                var elem = $(this).find('.fl-col').detach();
123
                                parent.append(elem);
124
                                parent.find('.fl-col').wrapAll('<div class="mt-mobile-carousel owl-carousel owl-theme"></div>');
125
                            }else{
126
                                return false;
127
                            }
128
                        });
129
                    } 
130
                    $('.mt-mobile-carousel').owlCarousel({
131
                        loop:true,
132
                        margin:10,
133
                        nav:false,
134
                        dots: true,
135
                        autoplay:true,
136
                        autoHeight:false,
137
                        items: 1
138
                    });
139
                } 
140
                if(SDB.App.exists('.mobile-carousel-two')){
141
                    var cg = $('.mobile-carousel-two').find('.fl-col-group');
142
                    if (window.matchMedia('(max-width: 860px)').matches) {
143
                        $('.fl-visible-desktop').remove();
144
                        $(cg).each(function(){
145
                            var cgc = $(this).children().length;
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");
            $('.selling-form').removeClass('active-form');
            var dataUID = $(this).data('uid');
            $('.selling-form[data-uid="' + dataUID + '"]').addClass('active-form');
        });
    });
</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

Thu Jun 08 2023 15:11:49 GMT+0000 (UTC)

#php #poo #mvc #jquery #postgresql
star

Thu Jun 08 2023 10:07:26 GMT+0000 (UTC)

#jquery
star

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

#jquery
star

Tue Feb 14 2023 07:12:13 GMT+0000 (UTC) https://mintropdev.wpengine.com/wp-admin/post.php?post

#jquery
star

Mon Jan 30 2023 05:09:34 GMT+0000 (UTC)

#magento2 #jquery
star

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

#jquery #magnificpopup #slider
star

Sun Jan 29 2023 17:42:43 GMT+0000 (UTC)

#jquery #javascript
star

Tue Dec 13 2022 17:25:54 GMT+0000 (UTC)

#javascript #shopify #jquery
star

Tue Dec 06 2022 13:39:07 GMT+0000 (UTC)

#jquery
star

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

#react.js #nodejs #mongoshell #jquery
star

Tue Nov 29 2022 11:02:11 GMT+0000 (UTC)

#javascript #jquery
star

Mon Nov 14 2022 11:13:45 GMT+0000 (UTC)

#javascript #jquery
star

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

#jquery
star

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

#javascript #audio #player #jquery
star

Sat Oct 15 2022 17:49:39 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 17:40:18 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 17:24:39 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 17:20:15 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 17:17:44 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 17:17:15 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 16:59:19 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 16:58:35 GMT+0000 (UTC)

#jquery
star

Sat Oct 15 2022 16:57:53 GMT+0000 (UTC)

#jquery
star

Wed Sep 28 2022 06:44:15 GMT+0000 (UTC)

#javascript #jquery
star

Tue Sep 27 2022 11:07:00 GMT+0000 (UTC)

#javascript #jquery
star

Mon Sep 26 2022 16:50:53 GMT+0000 (UTC)

#jquery
star

Mon Sep 26 2022 14:33:56 GMT+0000 (UTC)

#javascript #jquery
star

Thu Sep 08 2022 12:45:35 GMT+0000 (UTC)

#javascript #jquery #html #css
star

Thu Sep 08 2022 12:44:06 GMT+0000 (UTC)

#javascript #jquery #html #css
star

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

#flip #card #jquery
star

Fri Aug 26 2022 14:21:32 GMT+0000 (UTC)

#javascript #jquery
star

Wed Aug 24 2022 14:39:55 GMT+0000 (UTC)

#jquery
star

Fri Aug 19 2022 11:04:11 GMT+0000 (UTC)

#javascript #jquery
star

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

#javascript #jquery
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

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: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