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
Front End Technology Articles
Page 140 of 652
How to disable button element dynamically using JavaScript?
In this article, we will learn how to disable button HTML elements dynamically using JavaScript, with the help of the "disabled" attribute. The "disabled" attribute in HTML button elements accepts a boolean value (true or false), and depending on the value, it disables the button and makes it non-functional, i.e., not clickable. We can use this attribute to disable any button in HTML by setting the "disabled" attribute to "true". Syntax Disabled Button In JavaScript, you can disable a button dynamically by setting the disabled property: // Disable button button.disabled = true; ...
Read MoreHow to display a warning before leaving the web page with unsaved changes using JavaScript?
In this article, we will learn how to display a warning message before leaving the web page with unsaved changes using JavaScript with the help of the "beforeunload" event listener. When working on web applications or forms of any kind, it becomes necessary to provide a warning message to users before they leave a page with unsaved changes. This can prevent accidental data loss and improve the overall user experience. Let's understand how we can implement this with the help of some examples − Using beforeunload Event In this example, we will have a form with multiple ...
Read MoreHow to Draw Smooth Curve Through Multiple Points using JavaScript?
Drawing smooth curves through multiple points is essential for creating visually appealing data visualizations and interactive graphics. JavaScript's Canvas API provides powerful methods to achieve this using mathematical curve algorithms. When connecting multiple points with straight lines, the result appears jagged and unnatural. Smooth curves create more elegant visualizations by using mathematical interpolation between points. Method 1: Using Quadratic Bézier Curves This approach uses quadraticCurveTo() to create smooth curves by calculating midpoints between consecutive points as curve endpoints. Smooth Curve with Quadratic Bézier ...
Read MoreHow to dynamically create new elements in JavaScript?
In this article, we will learn how to dynamically create new elements in JavaScript with the help of the createElement browser API. Dynamic element creation in JavaScript allows you to generate new HTML elements on the fly. Whether you need to add content to a web page based on user interactions or dynamically generate elements for a specific task, it can help enhance the flexibility and interactivity of web applications. Let's understand how to implement this with the help of some examples. Using createElement() and appendChild() In this example, we will have a button element and ...
Read MoreDHTML JavaScript
DHTML stands for Dynamic Hypertext Markup Language. DHTML combines HTML, CSS, and JavaScript to create interactive and dynamic web pages. It allows for customization and changes to the content based on user inputs. Earlier, HTML was used to create static pages that only defined the structure of the content. CSS helped in enhancing the page's appearance. However, these technologies were limited in their ability to create interactive experiences. DHTML introduced JavaScript and the Document Object Model (DOM) to make web pages dynamic. With DHTML, the web page can be manipulated and updated in response to user actions, eliminating the ...
Read MoreHow to Hide an HTML Element by Class using JavaScript?
When working with dynamic web pages, it's often necessary to hide certain HTML elements based on specific conditions or user interactions. One common approach is to assign classes to these elements and then dynamically hide them using JavaScript. This provides a flexible and efficient way to control the visibility of elements without modifying the HTML structure. In this article, we will explore how to hide HTML elements by class using JavaScript. We'll discuss different methods to select elements by class and demonstrate practical techniques for hiding and showing elements dynamically. Methods for Selecting Elements by Class JavaScript ...
Read MoreHow to hide span element if anchor href attribute is empty using JavaScript?
In web development, it's common to hide elements based on certain conditions. One specific requirement is hiding a element when its associated element has an empty href attribute. This is useful for navigation menus or dynamically generated links. This article explores multiple JavaScript approaches to achieve this functionality, giving you the flexibility to choose the method that best fits your needs. Understanding the Problem We want to hide a element if its associated element has an empty href attribute. To accomplish this, we need to: Select the elements that need ...
Read MoreHow do I export my HTML page as a PDF using JavaScript?
Converting HTML pages to PDF using JavaScript is a common requirement for web applications. Two popular libraries make this possible: jsPDF and html2pdf.js. These tools allow you to generate PDFs client-side, giving users downloadable documents from your web content. Available Methods jsPDF - More control over PDF creation with manual content addition html2pdf.js - Automatic HTML-to-PDF conversion with minimal setup Using jsPDF jsPDF provides fine-grained control over PDF creation. You manually add content using its API methods, making it suitable when you need precise formatting and layout control. Basic jsPDF Example ...
Read MoreHow do you write a Javascript code on the HTML page?
Integrating JavaScript with HTML is essential for creating dynamic and interactive web pages. While HTML provides structure, JavaScript adds behavior and interactivity that transforms static pages into engaging user experiences. There are two primary methods to include JavaScript in HTML pages: inline scripts (embedded directly in HTML) and external scripts (linked from separate files). JavaScript Basics Before integrating JavaScript into HTML, understanding basic JavaScript concepts is crucial: Variables and Data Types let name = 'Arya'; const age = 25; var isActive = true; console.log(name); console.log(age); console.log(isActive); Arya 25 true ...
Read MoreHow to Count all Child Elements of a Particular Element using JavaScript?
Child Node A node that is immediately nested inside another node in a document tree or DOM (Document Object Model) tree is referred to as a child node in JavaScript. Child nodes are specific HTML elements, text nodes, and comment nodes that are nested inside other HTML elements when working with HTML documents. Method 1: Using the childNodes Property The childNodes property returns a NodeList of all child nodes, including text nodes and comments. To count only element nodes, we need to check each node's nodeType property: Example Child 1 Child 2 ...
Read More