Category "html"

Qualtrics -- Freeze first column and first row for side by side questions for better scrolling using position -webkit-sticky

I am trying to write custom CSS on a side by side question in Qualtrics such that both my first column and first row can be frozen panes. For example, I have 2

Queryselectall for selecting invalid input types

For simplicity sake, I have the following html that I didn't write and I have no control over. <input type="text" id="532523" name="safgafg"> <input t

jQuery .load() run the same as body displayed

i have a project that needs to include external html to my page. so this file will be included to many page. I'm using jQuery here. Let me show some code: $(doc

When clicking on hyper links it gives a wrong result

I have a header with two elements that when links are clicked it should take me to two different URL's: <header ng-controller="myHeader"> <nav cla

How do I move input value to the right side [duplicate]

How do I move input value to the right side of the input box with css? <input id="calc" value="0">

Problems with React Scroll and scroll-snap-type

I'm trying to use scroll-snap-type: y proximity;, but it isn't working well with react-scroll. I find that the page is scrolling in HTML tag and when I set over

Javascript destroys Css font style (Linkedin Badge)

EDIT: i made a video to present the issue. Find it here: https://streamable.com/r8sl85 I am implementing my LinkedIn badge on my website. They provide me the co

Mysterious flickering black line, almost like a border in NextJS

I have created a full-width video header that I've used successfully over several pages. For the life of me, I can't figure out why it has chosen JUST NOW to gi

How can I have multiple functions in onkeyup?

I am writing code to be able to search multiple fields within cards that pull customer data from endpoints. The first function that searches customerID works fi

Remember/maintain navbar scroll position between pages ( Javacript )

I have a vertical navbar on the left side of my page like this: $active = basename($_SERVER['PHP_SELF'], ".php"); echo '<ul id="navbar"> <li i

html 5 drag and drop not working on mobile screen

I am creating a scenerio in which I want a component of drag and drop, and I found one after some work around, which looks like the following function allowDr

Javascript input value of search bar not updating

I've created a search bar on my site with the code below. For some reason the value is not updating when the user clicks on a name in the dropdown options of th

How to call different functions for different targets using an Intersection Observer?

I'm using the Intersection Observer API on a site. For every instance of using it, I'm using the same config (main viewport). My issue is that I need to have di

HTML - style input type "time" - change color of selection

Is it possible to style the blue rectangles? I need to change the color to orange. There are some handles to change some style (see here), but I couldnt find on

Custom checkbox wont toggle when click and drag on label

I have a problem with my custom checkbox. If you click on a checkbox element, move the mouse cursor and then release the click inside the checkbox area, the ch

Navbar fixed left - Bootstrap

I am trying to make navbar in bootstrap to be fixed left, like on this link. Anyway, it is working, but when I add block content of the leaflet map, my navbar i

Error while trying to install mui core with npm

I just deployed a new create-react-app and still receiving this same error message. I installed MUI and am receiving a 'unable to resolve dependency tree' n

Get content of span

how can I get the contents of span ? I'm looking for a way for all of this to be vanilla, not jQuery javascript (and a little jQuery) var swear_words_arr=new

Input type time 24 hour format

Too many this type of old questions are already in Stack Overflow, but now I would like to know any new method to fix this problem! <input type="time"&g

How to position row of divs?

I'm currently working on a page that displays cards. My final row of cards has two cards centered because of my parent class text-align center. I am trying to m