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
Javascript Articles
Page 190 of 534
How to add default horizontal scaling to a canvas-type text with JavaScript?
We can add default horizontal scaling to a canvas-type text by accessing the canvas context and setting the scale property to a specific value. This can be done by calling the context's scale method and passing in the desired value for the horizontal scaling. By doing this, all text drawn on the canvas will have the default horizontal scaling applied to it. HTML Canvas HTML canvas is a 2D drawing surface that can be used to create dynamic and interactive graphics, charts, and animations on web pages. It is an HTML element that allows developers to draw graphics using JavaScript. ...
Read MoreHow to add content in <head> section using jQuery/JavaScript?
We can use jQuery's 'append' or 'prepend' method to add content to the section of a website. This can be done by selecting the element using jQuery's 'selector' method and then using the appropriate method to add the desired content. Additionally, we can also use JavaScript's 'innerHTML' property to add content to the section. There are quite some ways of adding content to head tag programmatically. Today we are going to discuss 3 of them − Using jQuery's .append() method − Using JavaScript's document.createElement() method − Using JavaScript's insertAdjacentHTML() method − Using these 3 ways ...
Read MoreHow to Add Commas Between a List of Items Dynamically in JavaScript?
We can use the CSS "::before" pseudo-element to dynamically add a comma before each list item, except for the first one. By targeting the list item and using the "content" property, we can insert a comma before the list item's content. Additionally, we can use the ":not(:first-child)" pseudo-class to ensure that only the non-first list items have the comma added. Consider we have the following HTML DOM: Item 1 Item 2 Item 3 Item 4 We will discuss two different approaches in this article that ...
Read MoreHow to add an element horizontally in HTML page using JavaScript?
We can use the JavaScript method "createElement" to create a new element. Then, we can use the method "appendChild" to add the element to a parent element on the HTML page. To position the element horizontally, we can use CSS styles such as "display:inline-block" or "float:left/right" on the newly created element. Suppose a situation where we want to depict a graphical representation of a Linked List data structure. Every time the user clicks on a button, a new node, represented by a green circle in our case, should get prepended to the list of nodes horizontally. And the text inside ...
Read MoreHow to add a tooltip to a div using JavaScript?
To add a tooltip to a div using JavaScript, first create a function that will generate the tooltip content. Next, add an event listener to the div that will call the function and display the tooltip when the div is hovered over. Finally, use CSS to style the tooltip and position it appropriately. A tooltip is a small text box that appears when a user hovers over a specific element on a webpage, such as a button, link, or image. The tooltip typically contains additional information or context about the element that the user is hovering over. Tooltips are commonly ...
Read MoreHow to implement multiple input checkbox in vanilla JavaScript?
We will learn how to implement multiple input checkbox. The checkbox input selector will have the following functionalities − Multiple options can be selected using the checkbox. Chosen options will be displayed as a separate list. Delete icon will be provided against each chosen option to uncheck / delete that option. Another thing to note is that we will not be using any third-party library to achieve these functionalities and everything will be written in HTML + JavaScript + CSS only. Approach We will have an object whose key will be used as the label for checkbox ...
Read MoreHow to Access <tr> element from Table using JavaScript?
To access a element from a table using JavaScript, you can first use the document.getElementById() or document.getElementsByTagName() method to access the table element. Then, you can use the table's childNodes property to access the elements within the table. Our focus will be on changing the background color of the current row (the row on which we currently are) when we hover over it and reverting the background color to normal when the mouse goes away.Example Therefore, let’s suppose we have the following HTML code to render a table. ...
Read MoreHow to accept all pending connection requests on LinkedIn using JavaScript?
To accept all pending connection requests on LinkedIn using JavaScript, you would need to use the LinkedIn API and an automation tool. The script would need to navigate to the connection request page and loop through each request, clicking the accept button for each one. This is a very common issue for people who are moderately to highly active on Linkedin. They get many connection requests every day and must manually click on accept against each request to actually accept them. You can, however make use of JavaScript and the window console to automate this whole process and we will ...
Read MoreHow is Ajax different from JavaScript Libraries and Run Time Environments?
The focus of this article will be on what AJAX is, how it works in a nutshell, what makes it such a convenient yet powerful tool and how it is different from JavaScript libraries and JavaScript RunTime Environment. AJAX Introduction and History Ajax, short for Asynchronous JavaScript and XML, is a technique for creating dynamic and interactive web applications. It was first introduced in the early 2000s and has since become a staple of modern web development. The key feature of Ajax is its ability to update parts of a web page without requiring a full page reload. This is ...
Read MoreHow can a particular frame be targeted, from a hyperlink, in JavaScript?
HTML frames gives a convenient way to divide a browser window into multiple sections. Where each section can load a separate HTML document. We can use JavaScript to load the content into a particular frame using the frames property of the window object. The frames property is an array-like object containing all the frames (including iframes) on the current page. There are many ways in which we can use window.frames[] property to load the content of a document into the frame. Let’s look them one by one − 1. Using Index To target a specific frame, you can use the ...
Read More