Category "html"

jQuery doesn't want add class without point

jQuery doesn't want add class without point. Here's the html markup: <div class="form-group" id="plis"> <select class="form-control-input notEmpty"

What is the meaning of async resolve parameter in promises?

I have the following javascript code which will record voice for 3 seconds and then play it back: const recordAudio = () => new Promise(async resolve =>

JavaScript How to create elements into each created element?

I'm trying to put a content div into each parent div, but this way it puts all the content divs to the first parent div, not each parent div. I've tried to do i

Javascript and bootstrap won't work together

I have a product list, I made a js file which ads filter buttons and a search bar which works well but when I put it in my html file it stops working because of

Pyscript in Django application

I am wondering if we could use pyscript on HTML pages inside a Django project. I'd tried to use it but unfortunately, it doesn't work. this is the code : <he

functions with button.click() are not executing the click part

I have 2 function as below: <script type="text/javascript"> sm=()=>{ document.getElementById('show').click() console

Replace two chars in innerHTML for all elements with same class (vanilla js) [duplicate]

How can i replace two characters in multiple elements? I have found an answer using jquery but I am searching for vanilla js. I want to replac

How to close sidenav menu when click out of container div

I'm building a sidenav menu that appears and disappears when click a button. I learned a lot here about stacks, users have helped me up to this point, but now I

Creating cookie with a form values makes a null cookie

First of all, i need to create a cookie with a values that are in a form, and a lot of values are in a radio input type, but i ran into a problem with creating

Find position of all unique elements in array

let arrr = [7, 9, 30, 40, 50, 8, 1, 2, 3, 40, 90,2, 88,1]; output=[0, 1, 2, 3, 4, 5, 6, 7, 8 ,10, 12 ] I saved this code at javascript playgroun

Rails 7 vanilla-nested gem link to add item not working

I am trying to use the vanilla-nested gem, with Rails 7, to add an item in a nested edit form. The link is not work and not action results. I have tried to foll

Jekyll generate html code with newline problem

I use jekyll to generate my blog, and there is the code: ## 🤹🏽 Skills ### **Familiar with** <img align="left" alt="python" height="35px" sty

How to solve thymeleaf template parsing error

I'm trying to present a html to screen but I'm getting template parser error from thymeleaf. Here is my code and error: index.html: <body> <h2>M

Align items horizontally in a list of buttons

I'm a beginner in Front-End programming, and I'm trying to figure out how to align horizontally items, I tried out several methods but never got to the right re

Going to mobile view, the bar has coded to be 100vw, but it's extending site in width, which I don't want

My problem (in HTML/CSS) is that, when I go to mobile view, it's extending a site width, for pre-counted size. Before all, the bar is calculating a width. for b

How can I make the picture sticky on scroll locomotive

I want to make my picture sticky when I scroll, I'm using locomotive-scroll and VueJS. So I want the content on the left to move but not the image on the right

How do I stop the web browser from resizing my images?

I want my images to be displayed as clear as they are displayed on my OS. What i discovered is that it doesn't matter if I specify in the html image tag the ori

Printed Table within a Table's cells not lining up

I'm making a localhost website that keeps track of my family's medications as well as has weekly print out sheets that we use to make sure all the meds to in al

How will I get the content ie the title of a tag while web scrapping with puppeteer?

I am following this tutorial. https://www.digitalocean.com/community/tutorials/how-to-scrape-a-website-using-node-js-and-puppeteer I am trying to learn how to u

Wait for previous dispatch action to complete

const onFeedSubmit = async (data: PostFeedActionProps) => { try { setPostingFeed(true); selectedBusinessList.forEach(business => {