Introduction In this tutorial we will see how to delete multiple rows from HTML table as well as from database server at one go. We have seen tutorial how to display data from server to client side and how to select multiple rows on 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…
ContinueCategory: HTML
HTML – Hypertext Markup Language
Angular 9 Check/Uncheck Individual/All Checkbox on HTML Table Rows
Introduction Here we will create an example on how to check/uncheck individual/all checkbox on HTML table rows. We have seen how to display data from server using Angular and alternate row color using CSS. 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.
ContinueDisplay Data on HTML Table from Server using Angular 9 and Alternate Row Color
Introduction In this tutorial we are 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). We will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. We will use ngIf, else, ngFor directives to render data conditionally. We will show elseBlock if no record is found from the REST API. We will use index to determine odd or even column and…
ContinueUnderstanding boundary in multipart/form-data
Introduction I am going to discuss here what is boundary in multipart/form-data. 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 is automatically added to the Content-Type in the http (Hyper Text Transfer Protocol) request header.
ContinueGEO 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 display the current location otherwise it will show an error in the alert box.
ContinuePreview form using jQuery
Introduction This tutorial shows how we can preview form using jQuery. Sometimes we need to preview form data before we submit the form for further processing. This gives us clear picture of what we have entered into the form and whether we need to rectify any data if we have entered incorrectly. This also saves us from extra server logic processing.
ContinueNice Contact Form using jQuery
This tutorial shows how we can create a beautiful contact form using jQuery. The concept was taken from http://www.emblematiq.com/projects/niceforms/. This contact form may be useful in situations like you want to put a contact us form on your website or you can also use this contact form for comment purpose for your blog. This contact form consists of four fields such as Full Name, Email Address, Website and Message or Comments. This contact form has been tested in Chrome, Firefox and IE 11. Prerequisites Knowledge of HTML, CSS and jQuery
ContinueAdd 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. We also have added remove button next to the added input field to remove the field if you do not need it. For this example, I have used here jQuery for dynamically adding inputs, CSS for some basic style and HTML code. How does it work? We have select/option for what type of input to be added to the form. We have…
ContinueSticky footer at bottom using CSS and HTML
I am going to show you how to create sticky footer. In other words, this tutorial demonstrates how to keep the footer at the bottom of the page on short documents or pages with little content using CSS and HTML.
Continue