Category "html"

Mat-Option selected option based on patch value from api subscription

In my case i have several controls with mat-autocomplete with mat-options. in which the same form is handled for new entry creation and edit an existing entry d

copy text onclick from <p> tag

<div class="d-flex flex-row justify-content-between"> <p class="mb-0 me-1 py-2 ps-4 add-text" id=

Javascript functions stop working when using import at top of script, even without trying to use what's imported

I'm trying to recreate a simple program of mine using lit instead of just basic js, but adding import statements seems to break every function. Things seem to w

How to make an angular page scrollable

I'm working on an Angular project in which I'm creating a form using the ionic-framework components. <ion-content> <form> <ion-item lines="

How would I make one container in a grid change to 100% width on mobile?

I have 8 elements in a grid. On a desktop screen they appear properly. I want element-3 to hide at max-width: 885px and element-2 to expand to width: 100%. I ha

How to position a large number of elements using flexbox without resorting to position: absolute?

I'm doing a landing page for testing flexbox technology. I ran into a problem: I can't figure out how to position a large number of elements without resorting t

How to clear user uploaded images if the limit of files exceeded in jquery

I have a simple form where a user can upload multiple images. I only want the user to upload 4 images at once, so I did the following: $("#myfile").on("chan

How to align text content with image in a row bootstrap

I want a specific display depending on whether I have an image or not in a row bootstrap. I want when I have an image and text content, I can have in the same r

How can I turn my navbar links into a dropdown menu with HTML CSS and JavaScript?

I am trying to turn the first two links of my navbar into dropdown menus. I want to make it so that when you click on them, the dropdown menu shows and the arro

KnockoutJS - How to hide certain elements inside foreach using Observable Arrays?

I have a list of WebsiteOwners. I'm trying to build a UI which will display more information about the owners when I click on them. this.toExpand = ko.ob

How to redirect the existing URL to new URL

I have a simple html website and in app folder I have a file called application_14.apk now I have sent the download link of this application to my users, later

How to align an embedded map to the center?

I am working with HTML code in Virtual Studio Code I am trying to align an embedded map to the center, how can I do it? This is my HMTML code below <section

how can anyone send email to me on my website in js

I am creating a project as I have created a contact page. I want any user to send me a email by putting his email and message in input box of contact page. I ha

Trouble displaying geometries on leaflet.js map

I am attempting to load a very large geojson to a leaflet map. The map is written in a JavaScript script and is referenced by the HTML script as is outlined bel

Filter by date using React Hook

There are 2 methods of filter by date and by letters , they should work together and separately. 2.I thought I can combine them , but nothing happened and tried

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