Posted in Angular CSS HTML Spring Boot Spring REST

Angular Check/Uncheck Individual/All Checkbox On HTML Table Rows

Introduction Here I will create an example on how to check/uncheck individual/all checkbox on HTML table rows. You might have seen how to display data from server using Angular and alternate row color using CSS. I will put checkbox against each row on the table so that user will be able to select a particular row. I will also put…

Continue Reading... Angular Check/Uncheck Individual/All Checkbox On HTML Table Rows
Posted in Angular CSS HTML Spring Boot Spring REST

Display Data On HTML Table From Server Using Angular And Alternate Row Color

Introduction In this tutorial I am going to show you how to display data from server using Angular 9 and how to apply two different colors on alternate rows using css (cascading style sheet). I will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. I will use ngIf, else,…

Continue Reading... Display Data On HTML Table From Server Using Angular And Alternate Row Color
Posted in AJAX jQuery MySQL PHP

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…

Continue Reading... Delete Multiple Rows from Table using PHP, MySQL, AJAX, jQuery
Posted in AJAX Flask jQuery MySQL Python

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…

Continue Reading... Delete Multiple Rows from Table using Flask, AJAX, jQuery, MySQL
Posted in AJAX Codeigniter jQuery MySQL PHP

How To Delete Multiple Rows From Table Using Codeigniter AJAX jQuery MySQL

Data Deletion In this tutorial I build an application using Codeigniter framework to fetch all records (for example, products) from MySQL database and display on the HTML table. I will put checkbox against each row on the table so that user will be able to select a particular row for deletion. I will also put a checkbox on the table…

Continue Reading... How To Delete Multiple Rows From Table Using Codeigniter AJAX jQuery MySQL
Posted in jQuery

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…

Continue Reading... How to select multiple rows on HTML table using jQuery
Posted in Angular File Upload

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…

Continue Reading... How to upload and display Image using Angular 8/11
Posted in NodeJS

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…

Continue Reading... How to build chat application using Nodejs, Express and Socket.IO
Posted in Angular

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…

Continue Reading... Angular Star Rating Example
Posted in AJAX Flask jQuery MySQL

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…

Continue Reading... jQuery AJAX based Voting or Rating System using Flask and MySQL