Category "javascript"

reload the background image from CSS file (JS)

I have a CSS file that contains a background image: in this case it's an animated PNG. This APNG has loop 1, meaning it only plays one time. I have it working t

Cannot access Leaflet objects with Vue3-leaflet

I am trying to access flyTo or panTo from leaflet but somehow it is stuck with the error Uncaught TypeError: Cannot read property 'flyTo' of null Any pointers a

Why my form fields are not getting submitted?

I used a ready made step by step wizard script but the form fields are not getting submitted. What could be the issue ? The JS is triggering fine in the end but

Loop or map array inside the JavaScript object

I have an array of javascript objects like: const arrayData = [ { name: "campaign 1", date: "2022-05-13", milestones:[{name:"Planning", targetDate: "2022-05-25"

Make div align to bottom of column in card tailwind css

As the title states, I am trying to get a div within a parent div to align across columns using Tailwind CSS. However, they are not aligning due to different im

Problem: Date input onchange running function on number keys input

I have 2 date fields; end_date and to_date. When end_date is set to before to_date it changes to_date to the value of end_date. The problem I'm having is if the

Echarts pie with dataset

I want draw a pie like this, and I want to store data in dataset: option = { dataset: { dimensions: ['a', 'b'], source: { a: 85, b: 79 } }, series

Using Selectpicker for filter-control

I am using bootstrap-select in a <select> that serves as a filter-control component of a bootstrap table. I want to use this select to filter via various

Bash Scripts Are Not Executing From Production Build of Electron App

UPDATE: index.js file content added. I have this electron app that is executing some bash scrips(*.sh) files to perform some task. Everything is working absolut

Outlook add-in is showing an empty html content upon first load

I am currently building an office 365 add-in on outlook and upon first load the add in is showing an empty html content like so before the whole add in render c

Memory Leaks in NODEJS With Chrome-DevTools - Get variables that are causing memory leaks and App to crush?

We're experiencing crushes with our NODEJS app , for some reason we have somewhere in the code some variables that are not getting released , and they should be

How to fetch copied to clipboard content in cypress

How to get the 'clipboard' content in cypress. I have a button in my web application, on click of button system will perform 'copy to clipboard' and a message

unable to display only year in react datepicker

Here is my below custom component for datepicker with yyyy format return ( <DatePickerWrapper disable={disable} > <DatePicker

Next.js: Error: React.Children.only expected to receive a single React element child

I'm having a component called Nav inside components directory and it's code is some thing like below: import Link from 'next/link'; const Nav = () => {

DJS Cannot read properties of null (reading 'premium')

In my code, before it does anything I have it check if there is data and if there isnt then make a new mongodb collection but when running the command and there

is there an alternative to onfocusout() function?

I have the function onfocusout() that runs another function selectEntite(), inside an input like the following code : <input onfocusout="selectEntite();" ty

Beginning at the end of 'a', insert 'b' after every 3rd character of 'a'

I've been trying to solve this challenge (found at jschallenger.com): Write a function that takes two strings (a and b) as arguments Beginning at the end of 'a'

How to create a simple post like facebook without using a database and stack it together, With only HTML, CSS, & JS?

Greetings, I need some help again. I am creating a simple webproject and I want to share it with my friends. I just want to know, It's possible right? "How can

Front end Sensitive info

I am building my first react app and not sure about front end security. I am making a call to the following third party library: emailjs.sendForm(serviceID, tem

Redux store takes lil bit time to update store which causes else block to execute and hence get redirected to unintended page

//PrivateAuthComponent.js import React, { useEffect, useState } from "react"; import { useSelector } from "react-redux"; import { useRouter } from "next/router"