Category "html"

Why a click on svg element is not captured by node contains method?

I have a basic modal with a svg icon within its html structure. I want to detect clicks outside the modal so I can close it. The code to do so is something like

<ResponsiveContainer> in Recharts is not rendering

I'm trying to use a lineChart from Recharts in my react app. But while I'm using the </ResponsiveContainer> the line chart is not getting rendered. Here i

Change color in a number of different divs that all share the same class

I have a site with a lot of different div. The thing they have in common is all share (besides their unique classes) a shared class. Lets just call it .changeCl

How do I insert html into the body of a page for a bookmarlet

I'm trying to make a bookmarklet for a game mod it includes a UI and I'm not sure how I can make it into a working bookmarklet where your UI would overlay on th

How to change the style of a div and reset it after 1000ms?

I have multiple (only 2 in this example) divs overlapping with each other... What I'd like to do is to add buttons that represents each div, which when clicked,

How can I make a simple website that changes content each time it's refreshed?

I understand this question could be more specific, though I'm hoping someone can point me in the right direction when it comes to creation a simple website that

Bootstrap collapse should be open in Desktop but closed in Mobile

Does someone know how I can have a collapse open in Desktop and closed in Mobile? Would it be possible with Bootstrap only? Desktop: Mobile: Here the Content s

Preloading a .css file with NextJS

We are using NextJS and Material-UI for our site, and upon loading the pages, it gives a FOUC. I've narrowed the problem down to the fact that the JS loads fast

Create block with several columns and rows with Flex

Help me please to create block like on screenshot: Now I created 2 rows and has some problem. I don't know how to delete distance between rows. Need to make it

Click <select> and <input> after page load

I am writing a Greasemonkey script to interact with orders on Shipstation.com. The script will select certain values in <select> and <input> element

Generate HTML file with Powershell

I need help ! Currently, I fill a string with HTML code via a powershell script and then i write it in a file index.html However, when I display the index.html

Get parent node dimensions in svelte

I'm trying to use Svelte and it's my first time so sorry for maybe the stupid question. I read the Svelte documentation but I'm stuck with a simple problem. Bas

Css backdrop-filter blur weird flickering when scrolling

I have a background image and i am trying to add backdrop-filter blur, but as you can see on the pictures bellow when i scroll a weird flickering happened on th

Image path URL not Rending right in google apps script

I am trying to build an web app using apps script it was working well till yesterday but I don't know why my password recovery pages not rendering right. the im

How to position a background on one side of centered content while making the BG translucent without distortion?

I'm working on the following layout issue: the page heading is center aligned. It should have a background image on its left side, and the background should als

Using IFrame to check if a NVR is online or not

I have a group of around 10 NVRs that I would like to be able to display on one page whether they are online or not. Currently I do this with a HTML page contai

React Application <head> tag has the <script charset="utf-8" /> around 15 times. How can I reduce that? And why is it showing it so many times?

The <script charset="utf-8" src="/static/js/{chunkName}"></script> tag appears an incredible amount of times coming from different chunks. Why is th

2 Forms, Same Method but different task

How can I make 2 forms which has the same method? One is responsible to open editaddresss.php with hidden addresse ID, and the second form (editaddress.php)shou

flex container inside position absolute container not follow parent dimension

I try to create modal box that 2 type design, my problem flex that inside absolute parent not follow parent dimension. if u see image inside flex container, it

Hide or show input on dropdown selection

I am trying to create a sign-up page for my app. All the code works, but when I try to hide input box based on dropdown select, it doesn't work. I tried this: &