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…

How to upload and display Image using Angular 8/11

Introduction In this tutorial I will upload and display image using Angular. In this example I will allow to upload only single image and display the uploaded image on the web page. You might have seen how to upload file using Angular, but here I am uploading and displaying the image. I am also validating the uploaded file is image…

How to build chat application using Nodejs, Express and Socket.IO

Introduction In this example we will see how to build chat application using Nodejs, express and socket.io. You can find the original demo at https://socket.io/. This chat application has the following features: Asks for nick name from participant Tracks how many participants are there in the room Tracks who joins the room Tracks who leaves the room Tracks who is…

Angular Star Rating Example

In this tutorial we will see how to create simple Angular star rating example. We post blogs, articles, news, etc. on web sites and we sometime expect people to rate our blogs, articles, news, etc. to find out the corresponding gap or issues with our write up. It helps us improve the quality of the blogs or articles. This example…

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…

Server Sent Events with CodeIgniter – Push Notifications

Introduction In this tutorial we will create an example on server sent events (SSE) with CodeIgniter – push notifications. Sometimes we face situations, where the application needs only one way communication, i.e., sending data from server to the client and for this Spring provides a simpler solution using Server Sent Events (SSE). SSE is a technology that allows you to…

Cascading or dependent dropdown using React JS

Introduction In this post I will show you an example on cascading or dependent dropdown using React JS. When you have a requirement for selecting dropdown values based on another dropdown values then you need to create such cascading or dependent dropdown. For example, in your application you need to select city based on state or country then you need…

Print div data of a web page using JavaScript

Introduction In this tutorial we will create an example on how to print div data of a web page using JavaScript. You can also select data from a paragraph or table by just selecting the appropriate id value of the paragraph or table. In this example we will put some static data into a div area inside an HTML table….

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…

Spring Boot Security Angular Login Logout Example

Angular Spring Security Here I will create Spring Boot Security Angular Login Logout Example which will show you how to integrate Spring Security with Angular to login to the application. I will redirect user to the login page if user is not already logged in. Similarly I will redirect user to the home page if user is already logged in….