Posted in CSS HTML JavaScript

HTML Table Conditional Cell Color

Introduction In this example I am going to show you how to color HTML table’s cells based on condition. The condition may be a value range, for example, HTML table cells (<td/>) have certain values and based on values you can choose background color of the cells. I am using pure JavaScript to iterate through rows and columns of the…

Continue Reading... HTML Table Conditional Cell Color
Posted in CSS HTML JavaScript jQuery

HTML Script Integrity Attribute – SubRresource Integrity (SRI)

What is integrity attribute? You might have seen the integrity attribute as well as crossorigin attribute in web page source code. The integrity and crossorigin attributes are used in the <script> and <link> tags. This is also called subresource integrity because it is included into the third party resources which are parts of the HTML pages. An integrity attribute’s value…

Continue Reading... HTML Script Integrity Attribute – SubRresource Integrity (SRI)
Posted in Angular CSS HTML MySQL Spring Boot Spring REST

Delete Multiple Table Rows From Server Using Angular

Introduction In this tutorial, I will show you how to delete multiple rows from HTML table as well as from database server at one go. You might have seen tutorial how to display data from server to client side and how to select multiple rows on HTML table. I will put checkbox against each row on the table so that…

Continue Reading... Delete Multiple Table Rows From Server Using Angular
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 HTML

What Is A Boundary In Multipart/Form-Data

Boundary in Form Data I am going to discuss here what is boundary in multipart/form-data which is mainly found for an input type of file in an HTML form. The boundary is included to separate name/value pair in the multipart/form-data. The boundary parameter acts like a marker for each pair of name and value in the multipart/form-data. The boundary parameter…

Continue Reading... What Is A Boundary In Multipart/Form-Data
Posted in HTML JavaScript jQuery

GEO Location with HTML5 and jQuery

This tutorial shows you how to display the Geographic location or Geo location of a user or device on a Google map, using your browser’s HTML5 Geolocation feature along with the Google Maps JavaScript API. In this example I am going to use Google’s map JavaScript API. If Geolocation is supported in the browser then only it is going to…

Continue Reading... GEO Location with HTML5 and jQuery
Posted in HTML jQuery

Preview HTML Form Data using jQuery

Introduction This tutorial shows how you can preview form using jQuery. Sometimes you need to preview form data before you submit the form for further processing. This gives us clear picture of what you have entered into the form and whether you need to rectify any data if you have entered incorrectly. This also saves us from extra server logic…

Continue Reading... Preview HTML Form Data using jQuery
Posted in HTML jQuery

Nice Contact Form Using jQuery

Introduction This tutorial example shows how you can create a nice contact form using jQuery. The concept was taken from http://www.emblematiq.com/projects/niceforms/. This beautiful contact form may be useful in situations like you want to create a Contact Us/Me form on your website or you can also use this contact form for comment purpose for your blog. This contact form consists…

Continue Reading... Nice Contact Form Using jQuery
Posted in HTML jQuery

Add Input Fields To Form Dynamically Using jQuery

Introduction This tutorial shows an example how to add input fields to form dynamically using jQuery. Input field types may be text, textarea or file to the form. I also have added remove button next to the added input field to remove the field if you think later that do not need it. For this example, I have used here…

Continue Reading... Add Input Fields To Form Dynamically Using jQuery