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 get the value of the rel attribute of a link in JavaScript?
In this tutorial, we will learn how to get the value of the rel attribute of a link in JavaScript. The rel attribute expresses the relationship between the current document or website and the linked document or website. The search engine uses this attribute to get more information about the link, so it is important for the SEO of the website. The rel attribute can have different values like alternate, author, external, nofollow, etc.; each value means different information about the link. For example, 'alternate' means the link represents an alternate version of the current document. Using ...
Read MoreSet how many columns an element should span across with JavaScript.
In this tutorial, we will learn to set how many columns an element should span across with JavaScript. Dividing long paragraphs or articles into many columns improves their readability. The 'column-count' CSS property divides the text into numerous columns. Set the columnSpan property to all if you want the columns to span across in JavaScript. To set how many columns an element should span across with JavaScript, we have multiple ways, and in this tutorial, we will discuss two of them − Set the columnSpan property Use the style.setProperty method ...
Read MoreHTML5 video not working with jquery bxSlider plugin on iPad
When using HTML5 video with the bxSlider jQuery plugin on iPad, video playback often fails due to iOS-specific requirements and plugin compatibility issues. This guide shows how to properly configure bxSlider to work with HTML5 videos on iPad. Setup Requirements First, download the bxSlider plugin from the official website. Extract the downloaded zip file and locate the images folder. Copy this images folder into your project's js directory. Required Files Structure Include the following files in your project with proper linking: HTML Structure for Video Slider Structure ...
Read MoreHow to load an HTML file into the canvas?
Loading HTML content into a canvas requires converting HTML to an image format that canvas can display. The most effective approach uses SVG foreignObject to wrap HTML, then render it as an image. Method 1: Using SVG foreignObject The foreignObject element allows embedding HTML content within SVG, which can then be rendered on canvas. const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); // HTML content wrapped in SVG foreignObject const htmlContent = ` Hello Canvas! ...
Read MoreSet Outset border with CSS
To set an outset border with CSS, use the border-style property with the value outset. An outset border creates a 3D effect that makes the element appear raised or protruding from the page. Syntax border-style: outset; /* Or combine with width and color */ border: width outset color; Example Outset Border Example This paragraph has no border. ...
Read MoreHidden Bootstrap class
To hide elements in Bootstrap, you can use visibility utility classes. Bootstrap provides several classes to control element visibility across different screen sizes and contexts. Bootstrap Hidden Classes Bootstrap offers different approaches to hide elements: .d-none - Completely removes the element from the document flow .visually-hidden - Hides visually but keeps accessible to screen readers .invisible - Makes element invisible but maintains its space Using .d-none Class The .d-none class completely hides an element by setting display: none: Bootstrap ...
Read MoreExplain in detail about the memory life cycle of JavaScript?
JavaScript's memory management is crucial for application performance. Understanding the memory lifecycle helps developers write more efficient code and avoid memory leaks. The Three Stages of Memory Lifecycle Every programming language follows a similar memory lifecycle with three fundamental stages: Allocation of memory - Reserve memory space for variables and objects Use the allocated memory - Read from and write to the allocated memory Release the allocated memory - Free up memory when it's no longer needed In low-level languages, developers manually handle allocation and deallocation. However, high-level languages like JavaScript manage this process ...
Read MoreHow to convert MySQL DATETIME value to JSON format in JavaScript?
To convert MySQL DATETIME values to JSON format in JavaScript, you can parse the datetime string into a Date object and then use JSON.stringify() to convert it to JSON. This is useful when working with MySQL data in web applications. Understanding MySQL DATETIME Format MySQL DATETIME format is typically YYYY-MM-DD HH:MM:SS. JavaScript's Date constructor can parse various date formats, making conversion straightforward. Method 1: Converting to JSON Object with Individual Components This approach extracts individual date components and creates a structured JSON object: // Simulate MySQL DATETIME string var mySQLDateTime = new Date("2019-09-06 ...
Read MoreGet number from user input and display in console with JavaScript
Getting user input numbers in JavaScript involves capturing values from HTML input elements and converting them to numeric types for processing. This tutorial shows how to get a number from user input and display it in the console. HTML Structure First, create the HTML form with an input field and button: Get Number Input Number Input Example ...
Read MoreExplain equality of objects in JavaScript.
In JavaScript, primitives like strings, numbers, and booleans are compared by their values, while objects are compared by their reference. Reference comparison checks whether two or more objects point to the same location in memory, not whether they have the same content. Reference vs Value Comparison When you compare objects with == or ===, JavaScript checks if they reference the same object in memory, not if their properties are identical. Object Equality Object ...
Read More