Category "html"

How to implement ScrollMagic videos to start on iPhone

I built my website which has 3 videos with scrollmagic. It works perfectly on pc, android, and iPad (in Safari too). But these videos does not start on my iPhon

How not to overlay drawer from layout in quasar framework

I am creating a website to learn to handle better with vue. I comment on my problem: It turns out that I have a general layout, in which I have a header, a draw

how to redirect ip:port to ip:port/html?

So I have this VScode folder that I run onto live server extension. However, whenever I open this ip:port, I always see my other code that is used in the html f

get value form array field name

<td> <input type="text" id="percent[]" name="percent[]" class="form-control"/> </td> How to get value input field like above in Jquery?

Using Tailwind3 in Flask application without manually (re-)generating css

I'm currently trying to set up a flask project using tailwindcss 3.0.23. For templating I'm using jinja. Furthermore yarn is used. During previous projects when

Open A New Page After Form Validation JavaScript

I want to open a new page after i validated my form.There is no problem with validating it .But my form never submits ,and the html page i want to redirect to m

Pie chart breaks if one slice is bigger than half the pie

I wrote some JavaScript code to generate Pie Charts for me, but when one Slice is bigger than half, the whole thing breaks. Using clip to make half-circles, it

Change height of navbar button and change it from (:selected) to (:hover)

My navbar functions in a :selected way, which means the dropdown menu only shows when the button is selected. I would like to change it to hover instead, but wh

download attribute on <a> not working (NOT cross-domain)

Observe the following code: let cv = document.createElement('canvas'); cv.toBlob(blob => { let a = document.createElement('a'); a.href = URL.createO

html Button on top of link

Hey I have a div which is wrapped by a Link component, and inside that div I have more buttons, but the problem is, when I click on the inner smaller buttons, I

how to choose folder with html input file

I want to choose only folders when I'm clicking browse button. In my project I'm using IE for some reasons. I searched some forums but I didn't find any useful

How to set a particles background on nextjs?

I would like to set a particles background only on one page of my web application. I used the following code: import styles from "../styles/Page.module.css"; im

How do I prevent my web page from being resized smaller than a certain size?

Basically, I don't want the layout and formatting on my page to become nonsensical if the user resizes the browser to a really small size. After a certain limi

Output to CGI using Python?? Error keeps telling me missing parenthesis?

Attempting to generate using python to screen using cgi. However, when I run it from the command line, I keep getting an error stating that it is missing parent

Bootstrap - Stop container from resizing (ie shrinking) when resizing browser

I have a bootstrap container in which I have 1 row with 6 columns, like so: <div class="container-fluid m-0 p-0 bg-primary"> <div class="row">

How to make Bootstrap5 Columns all a similar height?

I'm using Bootstrap5. However, I'd just like to make a similar height of these two columns. How can I do that? Here's the Code: <link href="https://cdn.jsdel

HTTP Range requests with php for Video Embedding for solving going to specific time in video (seek bar not work)

i'm trying to run a video through php file. it's worked.but the problem is that when i try to go to special time in video it replay the video from the beginning

Why isn't this centering the div in the middle of body? [duplicate]

<style> .maincont { width: 8em; height: 8em; background: purple; } body { background: limegreen; display: fle

changing video source in useEffect based on language change

I'm trying to play different videos on language change. however the same video always plays, useEffect(() => { console.log("language changed: ", i18n.langua

Is there a simple way I could create an effect when my mouse touches a div in HTML, css or javascript?

I am trying to reproduce this effect, whenever the mouse touches a div, the div get surrounded by some sort of container like this Please any idea how I could