Category "html"

Why is onClick misbehaving and sometimes not showing data behind it?

New to typescript and have been using it for 2 days now mainly to build a custom component for my streamlit app. I have created the below navigation bar and the

A form isn't working when showing mobile view

I'm trying to set a mobile view for my site. In this particular case i have to show two different forms according to the width of the page (under 400px it shows

How can I center an entire DIV tag [duplicate]

I have a problem that I can't figure it out. I just started learning HTML, CSS, JS and BOOTSTRAP. My question is how can I center an entire DI

How to pass multiple parameters with Ajax

<select name="docname" class="form-control" id="docname" required> <option Value="">Please Choose Doctor</option> <?php fo

make a div show on page load

const links = Array.from(document.querySelectorAll("a")); const tabs = Array.from(document.querySelectorAll(".tabcontent")) const hideAll = () => tabs.f

How can i position a logo image from a list react component?

i would like to find the way to position the logo images like it looks here enter image description here I couldn`t find a way to position multiple logo images,

How can I print a function from JavaScript to html

I'm trying to make a out of '*' and I got the code right because it works in the console but when I try to print it in the html document it does not work functi

Discard audio before certain time from Hls.js stream

I am using Hls.js to live stream an audio feed into an audio element in my HTML. In my custom audio controls I limit the user to only be able to scroll back to

Inline images on mobile MJML

I am trying to create an email template using MJML. And I want to create an inline of images both on desktop and mobile. I wrote this code: <mj-section backg

having trouble in getting all the P tags of page

the article passages are divided into different divs tags like in the image you can see it is written data-page-number="2" just like that the data is divided i

URL and page refresh issue for Multilingual site on Django

plz help me to solve one issue. I have a Multilingual site on Django with standart internationalization framework. Settings.py MIDDLEWARE = [ ... 'djang

Prevent scroll bar to go up when click mobile nav

I have a mobile nav and I open it using this code in JS file: var toggleButton = document.querySelector(".toggle-button"); var mobileNav = document.querySel

How to tell the browser to do the javascript manipulated webpage scaling before any content starts to show up?

I am building a website for me and I care about performance, speed, user experience and a lot more. When I started I didn't know much and I made an initial desi

How to make an image fill the background of a div? (using img tag in the div itself)

This seems like a simple problem but I'm having a bit of trouble finding a solution. I have cards on my page and I simply want the image (in the img tag which i

I can't seem to define variables in my code, because document.getElementById( ) won't insert the value in it [duplicate]

I am trying JavaScript and HTML with a little CSS (that is not required), and I can't seem to define this variable. I have the element id wit

HTML name/value button attribute not being sent via POST request to server

I am currently using HTMX and Django to process button clicks within a table that adds the selected item to a list. I am trying to use the name/value HTML attri

How to animate moving each text -30deg [duplicate]

I have a Problem that my text is moving x-direction instead of 30deg. I need to move the text 30deg along. I use transform: rotate (30deg) and

how to scale down absolute positioned elements in the right way using CSS

i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo

How to call the same angular component multiple times using querySelector

So I have a component called custom-modal.component. The HTML file looks like this: <dialog id="custom-modal"> <ng-content></ng-content> <

How to make this responsive layout

I can't get the right part to assume the center of the page while being constrained by the content of the left part. Does anyone have time to look into my probl