Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 759 of 801
How to Dynamically Add/Remove Table Rows using jQuery?
In this article, we will learn how to dynamically add or remove table rows using jQuery, a popular JavaScript library, with the help of the click event listeners. Tables are a commonly used element in web development, especially when dealing with tabular data or dynamic content. Adding or removing table rows dynamically can be a powerful feature that allows users to interact with the data in real time. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will have an HTML table element with some row data in it. ...
Read MoreHow to display the tag name of the clicked element using jQuery?
In this article, we will learn how to display the tag name of the clicked element using jQuery, and with the help of click event listeners. jQuery is a popular JavaScript library that makes it easy to manipulate HTML elements on a web page or listen to user actions like click events and do some operation based on that action.. Let’s understand how we can achieve the above with the help of some examples. Example 1 In this example, we will add a heading, some text, and a list of items to the HTML document. And to display the ...
Read MoreHow to Display Spinner on the Screen till the data from the API loads using Angular 8?
In this article, we will learn how to display a spinner on the screen till the data gets loaded from an API, using Angular 8 and the HTTPClient service to fetch data from a dummy todos API. Angular 8 is a robust framework for building web applications. It offers many features that make creating dynamic and interactive user interfaces easy. Let’s use the framework and understand how to show a spinner component conditionally using an example. Prerequisites Before proceeding with the steps below, please ensure you have angular CLI installed on your systems, as we would be relying ...
Read MoreHow to display child row information using jQuery DataTables plugin?
In this article, we will learn how to display child row information using jQuery DataTables plugin. We will also provide some HTML code examples to illustrate the usage of this feature. jQuery DataTables is a powerful plugin that provides an easy way to display tabular data on a web page. It has a lot of features such as pagination, sorting, searching, etc. It also provides us with the DataTables plugin, which gives us the ability to display child row information, and consequently shows additional data related to each row. Now, let’s understand the feature with the help of some examples. ...
Read MoreHow to display a black navigation bar in Bootstrap?
In this article, we will learn how to display a black navigation bar in Bootstrap with the help of various Bootstrap classes, like “navbar-dark”, or “bg-dark”. Navigation bars are useful in a website as they provide easier navigation to the main contents on the platform, better accessibility throughout the website, and an overall enhanced user experience. Here, we will create a black-colored navigation bar using Bootstrap and its classes. We will be using the Bootstrap CDN in our examples below to import Bootstrap into our project. Let’s understand this with the help of some examples − Example 1 In this ...
Read MoreHow to disable the form submit on enter button using jQuery?
In this article, we will learn how to disable the form submit behavior with the press of enter button using jQuery, and its element selector feature and “keypress” event listener. Form submission disabling can be useful in cases where it requires some validation on some input fields. For example, a form with the name and email required should not ideally have the submit button enabled until those required fields are provided with some values. In these types of cases, we can disable the form submission dynamically to achieve the desired outcome. Here, we will disable the form submission flow specifically ...
Read MoreHow to disable buttons using AngularJS?
In this article, we will learn how to disable button HTML elements using angularJS with the help of the “ng-disabled” angularJS directive. Disabled buttons can be useful in cases of forms that have some validation required on some input fields. For example, a form with the name and email required should not ideally have the submit button enabled until those required fields are provided with some values. In these types of cases, we can disable and enable the button dynamically to achieve the desired outcome. Here, we will use the “ng-disabled” angular directive to disable a button. The directive accepts ...
Read MoreHow to disable the ALT key using jQuery?
In this article, we will learn how to disable the ALT key using jQuery with the help of “keydown” and “keyup” event listeners, and the bind method. In web development, there might be scenarios where you want to disable certain keys on your web page. One such key is the ALT key, which is often used in combination with other keys to trigger specific actions or shortcuts. However, in certain cases, disabling the ALT key may be necessary to ensure the proper functioning of the application. Let’s understand this with the help of some examples − Example 1 In ...
Read MoreHow to disable a jQuery-ui draggable of widget?
We can disable a jQuery UI draggable widget with the help of its draggable disabled option. jQuery is a javascript library that helps us manipulate the DOM easily and efficiently using its various helper methods and properties. It allows us to add interactivity to the DOM as well as add and change the CSS styles of the DOM elements. Syntax $(element).draggable({ disabled: true }) We will be using the following jQuery link in our application − The above-provided code snippet is a link tag that imports the CSS file from the jQuery UI library. Example ...
Read MoreHow to fix property not existing on EventTarget in TypeScript?
TypeScript is an open-source language that provides optional static typing for JavaScript. It allows developers to write more maintainable code by catching type-related errors at compile-time rather than runtime. However, working with event listeners in TypeScript can be a bit tricky. One common issue is the "property not existing on EventTarget" error. This error occurs when you try to access a property on an event target that TypeScript doesn't recognise. In this article, we will discuss how to fix this error and provide examples to demonstrate how to use event listeners in TypeScript. Understanding the Error Before we dive into ...
Read More