jQuery Tutorials

Feedback with screenshot using feedback JS

Send feedback with screenshot using feedback JS

In this tutorial I will explain how you can send feedback with screenshot using Feedback JS. This script allows you to create feedback form with screenshot with the form. Screenshot is based on the information available on the page. This script is based on html2canvas library, which renders the current page as a canvas image. As the whole image is created on the clients browser, it does not require any …

Continue reading

Load Data While Page Scroll with jQuery

Load Data While Page Scroll with jQuery

Now a days data load while page scroll technique is mostly used by most of successful websites like Facebook, Google and Twitter. While you scroll down the page loads more and more data, using Ajax request this is called infinity scroll. So, Today I am going to show you how to load data while page scroll with jQuery and PHP using jQuery’s plugin. There are some jQuery method available to …

Continue reading

Take Photo Using Web Camera in PHP

Take Photo Using Web Camera in PHP

Recently I have implemented take photo using web camera in my website for the profile photo. I found jQuery webcam plugin for the same. With this plugin image can be display to canvas to store the image on the server. So in this tutorial I am giving simple steps to implement take photo using web camera in PHP with live demo. First we need to add following scripts in head …

Continue reading

Allow Only Numbers in TextBox jQuery

Allow Only Numbers in TextBox jQuery

Some of the user information, you want in number/numeric form only and you can force a textbox to accept only numeric input. Using jQuery we can control user input with different key event handlers. So in this post I am going to share the jQuery code snippet to allow only numbers in textbox. Lets take a simple example for understand this: If you want to allow only numbers in textbox …

Continue reading

Automatically Select Text in an input field

Automatically Select Text in an input field

Today I am showing you how to automatically select text in an input field using jQuery. By default, cursor is positioned in the text field when a user clicks on input field of HTML form, but the text not selected. But using jQuery’s select() function make it easy to select the text of input field on click on input field. Examples: Lets take first example of text input fields which …

Continue reading

jQuery Image Lazy Load Example

jQuery Image Lazy Load Example

If you are using image gallery or your page has more images then sometimes image get start load after the user scroll down to image that increase page load time and that decrease your traffic also.  By using jQuery Image Lazy Load you can reduce the page loading time and the images loads after the page load. In this article I am explaining how to implement the lazy load with …

Continue reading

Regular Expression With jQuery Validation

Regular Expression With jQuery Validation

Regular expression offers an extremely flexible and powerful way of validation for website forms. Regular Expression with jQuery validation ensure you that provided user data is as per our requirements. In this tutorial I am describing some example Regular Expression with jQuery Validation. Regular Expression for Email: To validate the email address I have created a function based on standard regular expression which returns true or false. You just need …

Continue reading

Upload Image with jQuery Ajax

Upload Image with jQuery Ajax

Image upload without refreshing the page is commonly used by websites. So today I am going to show you how it is easy to implement upload image with jQuery AJAX. On a single click you will be able select file from the popup window and on select the image will upload and you will see the image on the same page. I have used a jQuery plugin AjaxUpload, PHP file …

Continue reading