Category "javascript"

Popup div hidden at the end of the data table

Currently we are facing an issue related to a div that hides at the end of a data table that we are using in our system. The popup div is working fine from the

Loop through array with setInterval play button and pause it

I want to loop through a array with a pause and a start button. Right now it automatically plays and I am not sure how to connect the setInterval to the play fu

How to check if the browser suppprts AVIF images

How can I detect if the browser supports AVIF images using JavaScript? I have viewed this question and after reading the answers I was able to build a useful on

Bootstrap popover content callback called twice on every second click

I'm trying to create a feature that will display the popover with manual click event. My goal is to populate the popover and display newest data through ajax ca

hide Navbar if user inside dashboard using React js

I am creating my collage project and I want to hide the navbar if the user in window.location.pathname === "/admin" || "/employee" || "/publisher" basically if

How do I call react function in js map?

I have the below code, the problem is in the part where I am calling the RemoveProduct function in the map function: function AddOrder() { const d = new Dat

TypeScript: How to replace a particular number in a string (a combination of numerical and non-numerical values), and then update its value?

I asked a similar question here TypeScript: How to replace a particular number in a string, and then update its value? Really appreciate the answers there. It a

Canvas putimagedata is sometimes not drawing like expected

I am trying to draw a simple flat line from the left center of my canvas to right side. The starting and ending points will be taken from textbox input. To do t

JavaScript to control play/pause embedded YouTube videos

I need to embed multiple YouTube videos on a website. For each video, I need to set up an external element (such as a paragraph, image, div, etc) that can trigg

MediaDevices.getUserMedia() prompts the user for permission then launches camera app on full screen instead of in-browser

I am using getUserMedia() to take images on a vue web app. Working everywhere except on iOS safari. The user is asked permission for accessing the camera, aft

How to add items from object in DOM with button click in javascript?

first time posting in here :) I have recently started coding and for JS study practice, I wanted to make a button in my navbar that generates an object to DOM a

Stand-alone React 18 page warning: importing createRoot from "react-dom"

I'm trying to create a stand-alone webpage that uses React 18: <!DOCTYPE html> <html lang="en"> <head> <title>Hello React!</

Cannot update a component (`BrowserRouter`) while rendering a different component

Warning: Cannot update a component (BrowserRouter) while rendering a different component (Register). To locate the bad setState() call inside Register, follow t

How to delete a document attribute in Sanity iO?

I have an array of objects in my Sanity Document called Images called Comments an example comment object in comments[] array looks like : { "_key": "651

Cannot update a component (`BrowserRouter`) while rendering a different component

Warning: Cannot update a component (BrowserRouter) while rendering a different component (Register). To locate the bad setState() call inside Register, follow t

How to get first N number of elements from an array

I am working with Javascript(ES6) /FaceBook react and trying to get the first 3 elements of an array that varies in size. I would like do the equivalent of Linq

React Big Calendar Navigate

In my calendar, I made the option to open and close it, but when I close it, and open it again, it is in the month I stopped after closing it, and not in the cu

Go to definition programmatically with language server protocol

I have created my own Xtext based DSL and vscode based editor with language server protocol. I create multiple models in separate files: # filename dummy1.xyz m

Radio button validation alert not showing - works on everything else

I'm creating a cfmail form for a nonprofit to allow potential vendors to request a spot at the next fundraiser. All fields are required but the radio buttons ar

How do I set webpack mode

I'm trying to configure my script (in package.json) in such a way that I can run webpack in production or development mode via cli. package.json "scripts": { "s