How to avoid jQuery namespace collisions using noConflict() function

Here I am going to tell you how you can avoid namespace collision on the DOM (Document Object Model) page. You can load jQuery either via CDN (Content Delivery Network) link or by downloading the jQuery from the website and put it into your application and include in your web page. So whatever method you follow to use the jQuery library (CDN or local), this introduces the $, as a global variable, an alias for the jQuery function and namespace.

Continue

What are jQuery selectors and how to cache jQuery selectors to improve performance of your web page

Every time you use a selector the elements in Document Object Model (DOM) are searched to match your query or selector. Doing this kind of works too often or repeatedly will decrease the performance of your web page. If you refer to a specific selector too often or repeatedly you should consider to add it to a cache by assigning to a variable. Before diving into the actual example I am going to first tell you, what are elements and what are selectors?

Continue

Delete Multiple Rows from Table using PHP, MySQL, AJAX, jQuery

Introduction In this tutorial we will see how to delete multiple rows from table using PHP, MySQL, AJAX, jQuery. We are going to delete rows from HTML as well as MySQL database table. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We will put checkbox against each row on the table so that user will be able to select a particular row for deletion. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will…

Continue

Delete Multiple Rows from Table using Flask, AJAX, jQuery, MySQL

In this tutorial we build an application using Python based Flask framework to fetch all products from MySQL database and display on the HTML table. This example is all about to delete multiple rows from HTML as well as database tables. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We will put checkbox against each row on the table so that user will be able to select a particular row for deletion. We will also put a checkbox on the…

Continue

How to delete multiple rows from table using Codeigniter, AJAX, jQuery, MySQL

Introduction In this tutorial we build an application using Codeigniter framework to fetch all the products from MySQL database and display on the HTML table. We will put checkbox against each row on the table so that user will be able to select a particular row for deletion. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be selected for deletion. We are using jQuery to check or check the checkbox. If user selects manually all checkboxes for rows…

Continue

How to select multiple rows on HTML table using jQuery

Introduction In this tutorial we will see how to check or select multiple checkboxes on HTML table using jQuery. We will put checkbox against each row on the table so that user will be able to select a particular row. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be selected. Unchecking the header checkbox will uncheck the checkbox. We are using jQuery to check or check the checkbox. If user selects manually all checkboxes for rows on the…

Continue

jQuery AJAX based Voting or Rating System using Flask and MySQL

Introduction In this post we will see how to create voting or rating system using Flask, MySQL and AJAX. We post tutorials, articles or blogs either on our own blog site or as a guest user to other sites. Sometimes we need to let user rate on our tutorials or articles or blogs so that we know how much that blog is famous or how much that blog is intended to be accepted by readers. In this example I have given one sample content on which you can rate this.…

Continue

AJAX jQuery based XChart Example using Python Flask MySQL

Introduction In this example we will see how to display data on XChart using AJAX, jQuery, Python Flask and MySQL. XChart displays different statistical data on different chart types such as column chart, bar chart, line chart, pie chart etc. This tutorial shows step by step so that we can understand how it happens. It displays the data for site visitors log in line chart. I have also put a calendar for date-picker so that you can pick a custom range of dates and get the visitor statistics in xchart.…

Continue

Scroll to a Section having id attribute using jQuery

Introduction We will see how to scroll to a section having id attribute using jQuery API. Suppose you have several links at the top of the page and manually scroll down to a particular section you just need to click on a link and you will simply jump to the section without scrolling down. Such section may be paragraph, div etc. with an id attribute. Such kind of situations are suitable when you want to have a table of contents with headings at the beginning of your blog and you…

Continue