Category "html"

Head (next/head) throwing error in NextJS

I am trying to add head to a page in NextJS. As per the documentation I have used next/head to add <head>. However, the code block for using next/head is

Head (next/head) throwing error in NextJS

I am trying to add head to a page in NextJS. As per the documentation I have used next/head to add <head>. However, the code block for using next/head is

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