jQuery Tutorials

Keep jQuery Datepicker in same place on resize




This tutorial will help you to keep jQuery Datepicker in same place on resize. I have used multiple jQuery UI datepickers in a simple layout in responsive website page. Issue: When I have open the datepicker by clicking on the input field and then resize the window, the datepicker does not stay along with the input field. As there are multiple datepicker fields so it must be necessary to stay …

Continue reading




Scroll to Top using jQuery

Scroll to Top using jQuery




In this tutorial I will explain how to implement Smooth Scroll to Top functionality using jQuery. This feature helps user to move quickly top of the page. I will explain this with a simple example. In this example the scroll to top button will appear, when user scroll the page more then 300px. HTML Part: Following is the HTML part. CSS Part: Now add following CSS for Back to Top …

Continue reading




Take a Screenshot Using Html2Canvas JS

Take a Screenshot Using Html2Canvas JS




In previous post I have explained about Feedback with screenshot using feedback JS, which is using Html2Canvas JS to take a screenshot, now In this tutorial I will show how you can take a screenshot using Html2Canvas JS. This script allows you take a screenshot of a part of the web page also. You can download Html2Canvas jQuery plugin from https://github.com/niklasvh/html2canvas/releases. Following is an example to take a screenshot of full …

Continue reading




Create a Password Strength checker in jQuery

Create a Password Strength checker in jQuery




In this tutorial I will show how you can create password strength checker in jQuery for your website. For this you need to have a jQuery plugin pwdMeter. In this example you will see five stages of password strength very weak, weak, medium, strong and very strong all calculated on your passwords characters and its length. To make a very strong password you have to add minimum 13 digit contain …

Continue reading