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
Enter key press event in JavaScript?
The Enter key press event in JavaScript allows you to detect when users press the Enter key (keycode 13) and execute specific functions. This is commonly used for form submissions, search functionality, or triggering actions without clicking a button. Basic Syntax You can handle the Enter key using the onkeypress event handler: onkeypress="yourFunctionName(event)" The Enter key has a keycode of 13, which you can check using event.keyCode. Method 1: Using onkeypress Attribute Enter Key ...
Read MoreRemoving 0s from start and end - JavaScript
We are required to write a JavaScript function that takes in a number as a string and returns a new number string with all the leading and trailing 0s removed. For example: If the input is − const strNum = '054954000' Then the output should be − const output = '54954' Using substring() Method This approach uses two pointers to find the first non-zero character from the start and end, then extracts the substring between them. const strNum = '054954000'; const removeZero = (str = '') => ...
Read MoreHow I can replace a JavaScript alert pop up with a fancy alert box?
Creating a custom fancy alert box gives you complete control over the design and user experience. Instead of the basic browser alert, you can create styled modal dialogs using HTML, CSS, and JavaScript. Using jQuery for Custom Alert Here's a complete example that replaces the standard JavaScript alert with a custom-styled modal: function functionAlert(msg, myYes) { var confirmBox = $("#confirm"); ...
Read MoreHow to display the title of a document with JavaScript?
In JavaScript, you can display a document's title using two main approaches: the document.title property and the document.getElementsByTagName() method. This tutorial demonstrates both methods with practical examples. Using document.title Property The document.title property is the most straightforward way to access and display an HTML document's title. It directly returns the title as a string. Syntax document.title Example 1 This example shows how to display the document title by clicking a button: This is the title accessed from the document ...
Read MoreHow to stop form submission using JavaScript?
In this tutorial, we will see the methods to stop form submission using JavaScript. Generally, the HTML form by default submits automatically when certain events are triggered. The automatic submission causes the browser to refresh and reload the whole page, which we don't want in some cases. To perform any operation before submission, we need to change the default behavior of the form to prevent it from submitting. Following are the methods we can use to stop form submission: Using the "return false" value Using the preventDefault() method Let ...
Read MoreRaise the Mobile Safari HTML5 application cache limit?
Mobile Safari imposes specific limits on HTML5 application cache storage, unlike desktop Safari which has no strict limits. Understanding these constraints is crucial for mobile web development. Mobile Safari Cache Limits The default application cache limit on mobile Safari is 5MB. This applies to the overall cache storage allocated to your web application. Desktop Safari No Limit Unlimited Cache Mobile Safari 5MB Limit ...
Read MoreUsage of border-width property in CSS
The border-width property sets the thickness of an element's border, not the color. It defines how wide the border should be around an element. Syntax border-width: value; Values The border-width property accepts the following values: Length values: px, em, rem, etc. (e.g., 2px, 1em) Keywords: thin, medium, thick Multiple values: Define different widths for each side Example: Basic Border Width .border-example { ...
Read MoreHow to do image preloading with javascript?
Image preloading in JavaScript allows you to load images in advance, improving user experience by reducing loading delays when images are actually needed. This technique is especially useful for galleries, carousels, or any application where images need to appear instantly. What is Image Preloading? Image preloading downloads and caches images in the browser before they're displayed. This ensures smooth transitions and eliminates loading delays when users interact with your application. Method 1: Using Image Constructor The most common approach creates new Image objects and sets their src property: ...
Read MoreUnicode Property Escapes JavaScript Regular Expressions
Unicode property escapes in JavaScript regular expressions allow you to match characters based on their Unicode properties using the u flag. This feature enables precise matching of characters by their Unicode categories, scripts, or properties. Syntax /\p{PropertyName}/u /\P{PropertyName}/u // Negated form The \p{} matches characters with the specified property, while \P{} matches characters WITHOUT that property. Common Unicode Properties Property Description Example Characters Letter Any letter A, B, α, β, 中 Number Any number 1, 2, ①, ② Emoji_Presentation Emoji characters 😀, 🌟, 🎉 ...
Read MoreImplement Private properties using closures in JavaScript
In JavaScript, closures provide a powerful way to create private properties that cannot be accessed directly from outside a function. This technique encapsulates data and prevents external code from modifying internal variables. What are Private Properties? Private properties are variables that can only be accessed and modified through specific methods, not directly from outside the containing scope. Closures enable this by keeping variables alive in memory even after the outer function has finished executing. How Closures Create Privacy When an inner function references variables from its outer function, it forms a closure. The outer function's variables ...
Read More