How to use switchClass and toggleClass in jQuery

The switchClass and toggleClass are jQuery methods that are used to swap classes from the element.

You can use these methods to change of state of the element according to the condition, toggling classes within the elements, or maybe in some other cases.

In this tutorial, I am creating various examples to explain both methods.

How to use switchClass and toggleClass in jQuery

Read more

How to Check and uncheck all using jQuery and JavaScript

The check and uncheck all functionality basically is seen where the large list of records is available. This small feature makes it a little easier for users to perform an action.

It is very useful when need to perform the same operation on all records instead of a specific record.

You may have seen this in Gmail, WordPress Admin dashboard.

In this tutorial, I show how you can implement this functionality with jQuery and JavaScript.

How to Check and uncheck all using jQuery and JavaScript

Read more

How to Integrate Google reCAPTCHA v2 with PHP

Google reCaptcha is generally used to protect the website from spammers. It is best and easy way to show CAPTCHA within the website.

It is easy to integrate into the form and when it is properly setup then it shows an I’m not a Robot Checkbox that shows different types of images on the screen when it gets clicked.

The user needs to select images according to the asked question.

How to Integrate Google reCAPTCHA with PHP

Read more

jsFiddle Snippets Embedding to your Web Page

jsfiddle generally used for sharing, saving, and embedding HTML, CSS, and JavaScript snippets.

jsfiddle allows us to add code snippets within the web pages and you can customize the look and feel of the code snippet like – changing the visual theme, font color, code background, menu background.

jsfiddle shows JavaScript, HTML, CSS, and Result tabs by default. You can remove some of its tabs if their no use of it by check and uncheck the checkbox follow by the tab name.

For example, if you are making a code snippet in which you have only used the HTML and CSS section and not done any JavaScript work, in that case, there is no need to display the JavaScript tab on your web page.

jsFiddle Snippets Embedding to your Web Page

Read more