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
How to indicate whether the marker should appear inside or outside of the box containing the bullet points with CSS?
The list-style-position property controls whether list markers (bullets, numbers) appear inside or outside the content area of list items. This property is particularly important when list items contain long text that wraps to multiple lines. Syntax list-style-position: inside | outside | initial | inherit; Values Value Description outside Default. Marker appears outside the content area. Text wraps align with the first line. inside Marker appears inside the content area. Text wraps underneath the marker. initial Sets to default value (outside) inherit ...
Read MoreCreating a Priority Queue using Javascript
A priority queue is a data structure where each element has a priority. Elements are removed based on their priority rather than insertion order. Here's how to implement one using JavaScript arrays. Priority Queue Structure Our priority queue class will include these essential methods: enqueue(element, priority): Add an element with a specific priority dequeue(): Remove and return the highest priority element peek(): Return the highest priority element without removing it isEmpty(): Check if the queue is empty isFull(): Check if the queue has reached capacity display(): Show all queue contents Basic Implementation Let's ...
Read MoreCreating JavaScript constructor using the "new" operator?
In JavaScript, constructor functions create objects using the new operator. A constructor function is a regular function that becomes a template for creating multiple objects with similar properties. Syntax function ConstructorName(param1, param2) { this.property1 = param1; this.property2 = param2; } // Create new object let obj = new ConstructorName(value1, value2); Example JavaScript Constructor body ...
Read MoreHow to pass event objects from one function to another in JavaScript?
In JavaScript, event objects contain information about user interactions like clicks, key presses, or mouse movements. You can pass these event objects between functions to share event data and manipulate the same target element across multiple functions. Syntax // Function that receives event and passes it to another function firstFunction(event) { // Do something with event secondFunction(event); // Pass event to another function } function secondFunction(event) { // Use the same event object event.target.style.property = "value"; } ...
Read MoreHow to work with document.anchors in JavaScript?
In this tutorial, let us discuss how to work with the document's anchor in JavaScript. The document.anchors property is a legacy feature that returns a collection of all anchor elements with a name attribute. While modern web development no longer recommends this property, some browsers still support it for compatibility reasons. The anchor tag represents hyperlinks and navigation points within a document. For document.anchors to include an anchor element, it must have a name attribute — elements with only href attributes are not included. Syntax let anchors = document.anchors; Properties length ...
Read MoreHow to set the type of cursor to display for the mouse pointer with JavaScript?
In this tutorial, we will learn to set the type of cursor for the mouse pointer with JavaScript. To set the type of cursor, use the cursor property in JavaScript. It allows you to change the cursor on the button click. We can even change the type of cursor by using JavaScript. Different types of cursors have different meanings. There are many styles of cursors that can use on our webpage. Let us look at how to set the type of cursor to display for the mouse pointer with JavaScript. Using the Style cursor Property The ...
Read MoreHTML5 Canvas distorted
HTML5 Canvas distortion occurs when the canvas element's CSS dimensions don't match its internal drawing dimensions. This creates scaling issues that make drawings appear stretched or blurry. Understanding Canvas Dimensions Canvas has two sets of dimensions: Drawing dimensions: Set via width and height attributes Display dimensions: Set via CSS width and height properties When these don't match, the browser scales the drawing surface to fit the display size, causing distortion. Default Canvas Size The default canvas dimensions are: width = 300px height = 150px This gives a 2:1 aspect ...
Read MoreDifference between dragenter and dragover event in HTML5
HTML5 drag and drop API provides several events to handle dragging operations. Two commonly confused events are dragenter and dragover. While both are essential for drag and drop functionality, they serve different purposes. dragenter Event The dragenter event fires when a dragged element enters a valid drop target. This event is used to determine whether the drop target will accept the drop operation. To accept the drop, you must prevent the default behavior by calling preventDefault(). Drag me Drop zone ...
Read MoreStyle unordered lists markers with CSS
The list-style-type property allows you to control the shape or style of unordered list markers. This CSS property provides various options to customize how list items appear. Syntax ul { list-style-type: value; } Common list-style-type Values Value Description Marker disc Default filled circle ● circle Empty circle ○ square Filled square ■ none No marker - Example: Square Markers ...
Read MoreAdd elements to a PriorityQueue using Javascript
Enqueuing elements to a PriorityQueue means adding them in the array in order of the priority of the element. We'll consider higher numbers to be higher priorities. We'll loop through the container till we find a lower priority and then add the element there. If not, then we'll push it at the end of the container. Note that we're creating the element object with the data and priority. Hence we can implement the enqueue function as follows: The enqueue() Method enqueue(data, priority) { // Check if Queue is full ...
Read More