Category "html"

Problems with the attribute "placeholder" of an <p:inputText tag when the value of the inputText is empty

I am using JSF Mojarra 2.3.9.SP02 with PrimeFaces 7.0 running on Wildfly 17 with the PrimeFaces's own Sapphire template. I have a severe problem with one <p

How to limit the the input values for HTML to just values in a predefined list?

I need to deploy one of ML models as a web application. I am working to use HTML to get the input data and pass it to ML model for a live prediction. One of the

Is there any way in JavaScript, to convert image source url to file such that it can be accepted in input of type file or by API endpoint?

It's easy to change file type input to image source url for preview.. but.. Considering a scenario where you're trying to edit a blog, so you fetch a blog and f

How do I test my html code on browser directly from VS Code using tasks.json version 2.0.0 on MacOS?

In Windows, using VS Code tasks.json version 0.1.0, I used to use following code to test my html code in the browser directly from the VS Code shortcut: {

getTokenIdMetadata function in Moralis is not showing anything on HTML card MUI. How do I fix it?

I am trying to use getTokenIdMetadata from Moralis to get detailed information about an NFT. So far, I am able to get the data as you can see below in the json

Mobile bar closing transition isn't working on my code?

I'm new to coding, and I do not understand what is wrong with my code. The menu bar is for the media. I have it set to transition when a user clicks on it, and

Uncaught ReferenceError in External JS

I am not sure why I am getting this error: Uncaught ReferenceError: test is not defined. Can anybody please help me figure this out? Here is my code for html f

How to change dynamically 'aria-pressed' = false to true using JS

I have no idea about JS. But there is needed one line of code. i have below JS code. const quillEditors = document.getElementsByTagName('quill-editor'); f

Change the background colour of a table cell if the content is not the same as another cell

I have an output.php. It creates an html table with 3 columns: Question number, Correct Answer, Student Answer. Works just as I want it to. Now what I would lik

Javascript set button active

I have a table of buttons and once it is populated, I am using document.getElementById("btn0").click(); to click the first button. The button is doing what it

Accessibility: how to handle buttons in a table

Given a table, which may have buttons within it, how should these buttons be marked up for accessibility? <table> <tbody> <tr>

How to render html from a @foreach loop in a textarea

Using Laravel 8 livewire, I need to render a list of name ($list) on per line in a textarea. I do this <div class=" border border-red-800 rounded-lg mt-8 p-4

how to fix navbar size to its original

I am trying to make a navbar with dropdown in it. when i added dropdown menu, my navbar's height got big although i commented the dropdown menu code but navbar

Nightwatch JS | Looping/Iterating through Table

I've been working with Nightwatch for a few months now, using the page object method to try and make my tests as modular as possible. I've ran into a block on m

Nightwatch JS | Looping/Iterating through Table

I've been working with Nightwatch for a few months now, using the page object method to try and make my tests as modular as possible. I've ran into a block on m

How to select and click a child div with Puppeteer

I am new to Puppeteer; trying to click on the first div after div with class version-cell create-update. Not all web pages I scrape will have the version-cell c

How can I have Minify/uglify inline JavaScript using Pug?

I am using Pug for a web page that I am building. At the end of a module I have a script. tag (the regular script tag cannot be used because it isn't compatible

R markdown (html_pretty) does not show "not equal" symbol properly

I found that "html_pretty" output does not properly show the unequal math symbol. The following is the minimal reproducible example for it. --- title: "example"

set width contaner to only span content width flex item fixed width and height

how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h

How to send table dropdown select fields to flask

I have a table composed of three columns, a text and two other select fields. When the user chooses an option from the dropdown select, I would like to send the