Category: Jquery

The ReadRemaining.js is a jQuery library which shows readers how much time is left to finish reading an article.

The estimated time will be different for each user because it calculates time-based on the speed at which the user is scrolling the page.

This display a small tooltip at the bottom which is customizable with options e.g. set the delay before it will visible on the screen, time format, set time range etc.

Display estimated reading time with ReadRemaining.js

Read More Display estimated reading time with ReadRemaining.js

Jquery

The .clone() method creates the duplicate of the matched elements. It allows either event handler will be copy or not, it by default doesn’t copy attached events.

This simply your code when you need to make the clone of the group of elements. You don’t have the need to create each group elements and insert it.

In this tutorial, I show how you can use .clone() method to create the clone of the elements.

Create duplicate of the elements with .clone() - jQuery

Read More Create Duplicate of the elements with .clone() – jQuery

Jquery

When working with multiple AJAX requests at that time its hard to detect when will be all request is being completed.

You can use the setTimout() method which will execute your action after your given time. But it is not a better solution.

jQuery have inbuilt AJAX event handler that helps you in this situation.

Detect when all AJAX requests are complete - jQuery

Read More Detect when all AJAX requests are complete – jQuery

AJAX Jquery

AJAX Jquery

In this tutorial, I show you some jQuery plugins by using it you can capture the user signature on your web page.

They add a container on the web page where the user can draw its signature using mouse pointer.

I discuss the following plugins –

  • jSignature
  • Signature Pad
  • jQuery UI Signature

Capture signature in the webpage with jQuery plugins

Read More Capture Signature in the webpage with jQuery plugins

Javascript Jquery

Once a document is being loaded, the same event handler is not being attached to newly created elements.

It seems like the event handler is being attached conceptually.

When you perform some action on new elements, then the event bound with it not trigger on the new element. But it is working on the elements which are created in the ready state.

This problem is common if the event handlers are not correctly attached.

Attach event to dynamic elements in jQuery

Read More Attach event to Dynamic elements in jQuery

Jquery

This usually occurs when the user already submitted data and tries to refresh the page. In this case, the browser will attempt to POST the page again.

If you do not perform any action then a new duplicate record inserted on the MySQL Database table.

In this tutorial, I show some of the ways which you can use to avoid it.

Prevent page from submit on refresh in PHP

Read More Prevent page from submit on Refresh in PHP

AJAX Jquery PHP

Jquery

In jQuery, there are various methods like – switchClass(), toggleClass(), addClass() and removeClass() by using them you can easily add or removes classes in the elements.

For using switchClass() method you need to include jQuery UI library within your page but you can simply use toggleClass(), addClass() and removeClass() without any dependency other than jQuery.

In this tutorial, I discuss about addClass() and removeClass() method.

.addClass() and .removeClass() methods in jQuery

Read More .addClass() and .removeClass() methods in jQuery

Jquery

The CSS media queries are very helpful when making the responsive website. They automatically execute the changes when the window size is in its range.

There is another way to detect Browser window size and execute changes is with jQuery that gives you window width and height.

You can use those values to complete your task.

Capture Browser window resize with jQuery

Read More Capture Browser Window resize with jQuery

Jquery