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
Articles on Trending Technologies
Technical articles with clear explanations and examples
HTML Window moveBy() Method
The HTML Window moveBy() method moves a window relative to its current position by a specified number of pixels. This method is commonly used in JavaScript to programmatically reposition popup windows or child windows on the screen. Syntax Following is the syntax for the moveBy() method − window.moveBy(x, y) Parameters The moveBy() method accepts two parameters − x − The number of pixels to move the window horizontally. Positive values move right, negative values move left. y − The number of pixels to move the window vertically. Positive values move down, ...
Read MoreHow to Show Font On Hovering the Mouse Over Image?
The task we are going to perform in this article is about how to show font on hovering the mouse over image. This technique is commonly used to display additional information, captions, or descriptions when users interact with images on a webpage. The onmouseover event in HTML is triggered when the mouse pointer touches an element. When the mouse pointer departs an element, an event called onmouseout takes place. In CSS, the :hover pseudo-class is used to apply styles when a user hovers their cursor over an element. Syntax Following is the syntax for the :hover pseudo-class ...
Read MoreHTML DOM Input Range name property
The HTML DOM Input Range name property is used for setting or returning the name attribute of an input range field. The name attribute helps in identifying the form data after it has been submitted to the server. JavaScript can also use the name attribute to refer to form elements for manipulation later on. Syntax Following is the syntax for setting the name property − rangeObject.name = name Following is the syntax for getting the name property − rangeObject.name Parameters name − A string specifying the name attribute value ...
Read MoreHTML Screen pixelDepth Property
The HTML Screen pixelDepth property returns the color resolution (bit depth) of the visitor's screen in bits per pixel. This property indicates how many bits are used to represent the color of each pixel, which determines the total number of colors the screen can display. The pixel depth directly affects color quality − higher values mean more colors can be displayed. Common values include 8 bits (256 colors), 16 bits (65, 536 colors), 24 bits (16.7 million colors), and 32 bits (16.7 million colors with transparency). Syntax Following is the syntax for accessing the pixelDepth property − ...
Read MoreHTML Window moveTo() Method
The HTML Window moveTo() method moves a window to the specified coordinates on the screen. It repositions the entire window by setting its left and top edges to the given pixel values relative to the screen. This method is commonly used to programmatically position popup windows, dialogs, or new browser windows at specific locations on the user's screen. Syntax Following is the syntax for the moveTo() method − window.moveTo(x, y) Parameters The moveTo() method accepts the following parameters − x − An integer specifying the horizontal coordinate (in pixels) where ...
Read MoreHTML DOM Video autoplay Property
The HTML DOM Video autoplay property sets or returns a boolean value that determines whether the video element will automatically start playing when the page loads. This property corresponds to the HTML autoplay attribute on the video element. Syntax Following is the syntax for getting the autoplay property value − mediaObject.autoplay Following is the syntax for setting the autoplay property − mediaObject.autoplay = booleanValue Parameters The booleanValue parameter can be one of the following − Value Description true The video will ...
Read MoreHTML DOM Input Range object
The HTML DOM Input Range object represents an element with type="range". This object provides methods and properties to manipulate range slider controls through JavaScript. We can create a new range input using createElement() or access an existing one using getElementById(). Syntax Creating a new input range element − var rangeElement = document.createElement("INPUT"); rangeElement.setAttribute("type", "range"); Accessing an existing input range element − var rangeElement = document.getElementById("myRange"); HTML syntax for range input − Properties Following are the properties for the Input Range object − ...
Read MoreHTML Window resizeBy() Method
The HTML Window resizeBy() method resizes a window by a specified amount relative to its current dimensions. This method adjusts the window's width and height by adding the provided pixel values to the current size. Syntax Following is the syntax for the Window resizeBy() method − window.resizeBy(width, height) Parameters The resizeBy() method accepts the following parameters − width − An integer representing the number of pixels to resize the window width. Positive values increase the width, negative values decrease it. height − An integer representing the number of pixels to resize ...
Read MoreHTML DOM Video buffered Property
The HTML DOM Video buffered property returns a TimeRanges object that provides information about the buffered portions of the video. This read-only property helps determine which parts of the video have been downloaded and are ready for playback without interruption. The TimeRanges object contains information about buffered time ranges, including the length of buffered ranges and their start and end positions in seconds. Syntax Following is the syntax for accessing the buffered property − videoElement.buffered Return Value The buffered property returns a TimeRanges object with the following methods − length ...
Read MoreHow to Fetch List Of Dictionary Json Data And Show It On HTML Page As Table Data?
The task we will complete in this article is to retrieve a list of dictionary JSON data and display it as table data on an HTML page. JSON (JavaScript Object Notation) is a lightweight data format that's commonly used for data exchange. Converting this data into HTML tables makes it readable and organized for users. HTML Table HTML tables are created using the tag in which the tag is used to create table rows, for table headers, and tag is used to create data cells. The elements under are regular and left aligned ...
Read More