Category "html"

Load custom HTML on browser tests

I'm trying to write a test on browser (Chrome) with a custom HTML file. I followed the instructions and here is what I have: test/ |- web_test.dart |- web_tes

HTML input set type from value

Is there any known way of getting the input tag type by checking the default value set for that input? i.e. if the input default value is set to true or false t

sidebar menu with dropdown in react js

i am trying to create a sidebar with drop down like this example in react js https://www.w3schools.com/howto/howto_js_dropdown_sidenav.asp i was able to design

Jquery Object and Array implementation

I have an Object let data = { a: 1, b: 2, c: { abc: "ak", bcd: "gh", cfv: "ht" } } the

Issues with selecting #text inside an html, div enclosed in double quotes using xpath/lxml in python

I'm trying to extract the Fund Summary text on the following Yahoo Finance page using python: Thus far, XPath has worked well using the XPath with the text() me

How to keep an element relative to an other one at the same level?

I have two elements, and I want the second one to stick to the first one, so when the screen size is changing, the second element keep the same position from th

Passing Angular component to another one

I know this has been asked before but I don't understand those answer to be honest. I want to make something simple: Basically I have this: <div class="carou

how to hide results from database until the seacrh is complete in Laravel?

i am making a search for the website so the user can search for results from database everything is working fine but how can i hide results until the user compl

What is the best way of indicating the type of work cited by a `<cite>` element?

Per MDN: The <cite> HTML element is used to describe a reference to a cited creative work, and must include the title of that work. MDN then provides a

Why Font converted to Italic style in generated PDF from HTML?

Using Package: html-pdf https://www.npmjs.com/package/html-pdf I am trying to apply "Exo 2" font in PDF, It has applied BUT converted PDF showing fonts in itali

Bootstrap tabs doesn't work with Django include option

I am working with bootstrap tabs in Django on page ps_tabs_capacity.html which extends the base.html . Inside ps_tabs_capacity.html there is tab I include anoth

Trading View API is not able to show the price on price-scale when it's small

Check my OHLC Data for Plotting Candlesticks with Trading View API. I am using this HTML and Script to Plot the Data : <!DOCTYPE html> <html> <he

Variable send from HTML form is undefined in Javascript

When i the variables i set in HTML can´t be found in the function in Javascript. The console.log only states "undefined". I think the Problem is, that "re

How to make Slick swipeToSlide vertically?

I'm trying to make a navigation vertical carousel compatible with IE11 i'm using slick library for the carousel, i'm having some issues with swipeToSlide option

CSS layout, flexbox

The "red" div (seen in the image) is in the "head" div. I'm using flexbox to positioning simply like that: #head { display: flex; justify-content: center;

How to programm a bit byte converter/ calculator with this table using javascript and this html code?

How to programm a bit byte converter/ calculator with this table using javascript and this html code <table> <tbody><tr><td class="uni

Trying to restrict access to a route if loggedIn condition is true

I am trying to restrict access to the login if the user is already logged in by checking if there is already a token in the localStorage. Any idea on how I can

Create Close-up Half Circle in HTML CSS

I was ask to create half circle-like design for my project in html css , its look like this : Figma Design but it really ""zoomed"in. i tried to make it and the

Enabling scroll using Tailwindcss

I am using Tailwindcss and trying to achieve a design, in which there is a scroller in middle section. However, the scroller is disabled and it's full height i

Unable to positioned the webgl canvas while capturing image

I'm accessing the webcam and trying to take a picture. this is what it looks like before capturing the pic. But this is what I'm getting after taking the pictu