Press enter to see results or esc to cancel.

Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, October 11 2019

How to Autoplay a Video Via jQuery Video HTML MP4

Learn How to AutoPlay a HTML5 Video Through jQuery. Simple One Line Code.

Learn How to AutoPlay your HTML5 Video via jQuery Snippet.  $("#video_player")[0].play(); or $("#video_player")[0].autoplay = true;

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Thursday, September 26 2019

How to Get Product Summary ClickFunnels for Tracking on Facebook Pixel or Google

A Snippet to pass order value to facebook from clickfunnels confirmation screen.

How to get order total of clickfunnel summary at the end of the funnel. This script loops all the elements with the amount class and adds them. It then creates a variable to pass on to the facebook event. We named the variable myOrderTotal

Continue reading
Best JS Notifications Plugin Library - NOTY
Abraham Garcia Abraham Garcia in Javascript/jQuery   Thursday, August 22 2019

Best JS Notifications Plugin Library - NOTY

A Depedency-Free Notifications Library.

This is a library for JS Notificications on the Fly. It is super simple to install and use.  For Installation <link href="lib/noty.css" rel="stylesheet"> <script src="lib/noty.js" type="text/javascript"></script> Create a

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, January 1 2019

My Favorite jQuery Lightbox for Youtube and Vimeo Videos

Best jQuery Lightbox for Youtube and Vimeo Video Pop Ups.

This is my favorite jQuery Plugin for Youtube or Vimeo Lightbox. It is sosimple to use and has great documentation.  Installation <link href="dist/lity.css" rel="stylesheet"> <script src="vendor/jquery.js"></script>

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, October 8 2018

Disable Array of Dates in Datepicker jQuery

How to disable days from jquery ui datepicker. A Simple solution to block out dates.

This is a code snippet on how to blockout dates for the jquery ui datepicker.    var array = ["2013-03-14","2013-03-15","2013-03-16"] $('input').datepicker({ beforeShowDay: function(date){ var string =

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Wednesday, August 29 2018

Initiate Isotope Hash Filter With URL without Click

A short snippet to pass hash from one url to another and filter isotope results.

This is a code snipped on how to initiate hash filter from url without using the click jquery parameter. Use this when passing has filter from one URL to another.  function getHashFilter() { var hash = location.hash; // get

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, June 29 2018

Isotope Masonry jQuery 1px Gap Fix

Isotope Masonry 1px Gap Error. How to Fix this 1px Gap on Isotope Masonry.

This is the solution for Masonry 1px Gap. I was having this issue on one of my website and found an article on StackFlow after looking like crazy.  HTML <div class="grid"> <div class="grid-item" ><a href="#"><img

Continue reading
The Best Gradient Animations in JS
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, June 18 2018

The Best Gradient Animations in JS

A tool to create gradient animations on your website. Top Level Tool for CSS Gradients

I found a really cool tool to do gradient animations with good documentation.  Let me show you how easy it is to get started.  1) Download Granim.js 2) For JS Use the Following var granimInstance = new Granim({ element:

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Wednesday, June 13 2018

Revolution YouTube Slider with Latest Chrome Update Error

A Fix for Revolution YouTube Slider with the latest Chrome Update.

Ever since i updated by Chrome Browser i been having issues displaying a YouTube Video on Revolution Slider. I contacted support and they told me it is a known issue and they will release an update on next realease in order to fix it now you just

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, May 4 2018

Contact Form 7 Analytics Tracking

A short code snippet showing you how to enable google goal tracking analytics on your wordpress contact form 7 plugin.

GA Property First you must initiate the Analytics Property <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new

Continue reading