Javascript to validate Email Address

Javascript Phone Input Mask

Use the following code snippet to apply Javascript input mask for the ten digit Phone number:

Google reCaptcha v2

Play Youtube Videos Continuously

Also for MP4 videos:

JavaScript Scroll Element To Top With Header Offset

Short Alert Using Vanilla Javascript

Javascript HTML Table Search

jQuery Clone Form Elements – Master Detail

Google Maps Multiple Markers With and Without InfoWindow Open By Default

Iframe Popup using jQuery

test.php images_iframe.php

Download textarea contents as a file using Javascript

Source: https://stackoverflow.com/questions/609530/download-textarea-contents-as-a-file-using-only-javascript-no-server-side

Simple Right Click Menu using Javascript

Magnific Popup Examples

Magnific Popup Documentation Here

jQuery Mouse Hover Effect

jQuery Loop Class

Open Link URL In New Tab Using Javascript

jQuery Datepicker restrict second date based on first

Print This Page – Hide Print Button

Simple Detect Device Type using PHP & Javascript

PHP: Javascript:

Fly HTML Element From One Position To Another using jQuery

Following code demonstrates flying one div to to another div using jQuery

Trigger JavaScript after set time of window or tab focus

Following code shows how to trigger JavaScript code after a specified time interval when getting back to windows or tab of the browser:

jQuery Multiselect Checkboxes And Dropdown

Following codes shows how to implement a set of multiselect checkboxes with a dropdown using jQuery and Bootstrap: Method: Simple Using jQuery Classes Method: In A Dropdown Method: Bootstrap Multiselect Plugin Using Select Tag The code uses a bootstrap-multiselect plugin. The function showValues() builds a […]

Loop through checkboxes with a class using jQuery

Following code shows how to loop through checkboxes with a given class using jQuery to get the values of checkboxes that are checked.

Jquery Blink Text Effect

Following code shows text blinking three times using jQuery and then it stops blinking. You may increase or decrease the count and timing by changing the variables.

Trigger JavaScript on Active Browser Window or Tab

Following code triggers JavaScript on active browser window or tab:

Rich Text Editor – CKEditor Simple Usage

Download CKEditor Library and use the following code to implement simple rich text editor with the following formatting capabilities: – Bold – Italic – Underline – Bullets – Numbering

Playing Audio on Web Pages

Method 1: HTML5 Audio Tag Method 2: Javascript

JavaScript Drag Div

Following is the plain (Vanilla) JavaScript code with which we can drag an HTML div tag:

Stripe Payment API – Create Monthly Subscription Plan, Create Customer & Assign Customer to the Plan

Stripe API request and response code to create monthly subscription plan, create customer and assign customer to the plan to be charged every month, posted by stripe checkout.js Please check the comments within the code for better understanding. In case you run into any problems […]

Show Mouse Coordinates On Drag or Mouse Down & Move

Following is a small piece of code that shows mouse coordinates when you drag the mouse using jQuery:

Simple File Upload Using PHP, AJAX With jQuery

Following is one the simplest versions of file upload example using PHP, AJAX with jQuery: So, first thing first, the front-end part, consisting of HTML interface and JavaScript, upload.html: The back-end part, consisting of file upload logic in PHP, upload.php: That’s it! To download the […]

Youtube Javascript API – Basic Example

The following example illustrates the basic controls of the Youtube Javascript API to Play/Pause and Stop the videos:

Copy To Clipboard Javascript

The Javascript code allows programmers to create buttons that can copy the code to clipboard. The content of the div with the id toCopy is copied to the clipboard. To download the clipboard code click on the following link: Download

Crop-Circle using jQuery

Crop-Circle is an image cropping tool which helps the end users crop rectangular images into circles using drag and drop. It works with desktops, tablets, iPads and cellphones. It uses jQuery that provides a cropping interface. It works with desktops, tablets, iPads and cellphones. To […]