.home{ min-height:100vh; } #sidebar_left { width: 20%; padding: 20px; position: fixed; min-height: 82vh; background-color: #fdfcfd; box-shadow: 0 1px 10px 1px #2680ff6b; margin-left: 6%; display: flex; justify-content: space-around; flex-direction: column; scrollbar-width: none; overflow-x: hidden; overflow-y: scroll; } #footer { background-color: bisque;…
I am making an instant search function using .filter() and .toggle(). It is basically working, but I would like to make the "search result" better by hiding the whole parent .char-section div section when there is no result inside (ie.…
I have several tabs in html / js, in each of these I have a form with the save change button, when I click on the save changes button the page is refreshaled. After the refresh page, the tab returns…
I want to set the position to a div depending on its own height which can be different depending on the content. This is the structure: HTML <div class="wrapper"> Content </div> CSS: :root { --height: x; } .wrappper { height:…
I am passing an array of data from a jQuery script to an html element and trying to extract the data out of the element for use in a regular javaScript script. In the console I see the data being…
I set up a fiddle, with a simplified json response. I need to iterate over the json, and check for an object that has a metadata.connections.live_video.status of 'streaming' I can't seem to access the property and values even when I'm…
My problem is Uncaught TypeError: Cannot set properties of undefined (setting 'quantity') when I iterate over response array. $.ajax({ url: "/cart/sync", success: function(response){ let cart = {}; Object.keys(response).forEach(key => { cart[key].quantity = response[key].product_quantity; cart[key].discounted_price = response[key].product_discounted_price; cart[key].holding = response[key].product_temp_holding; });…
I've written a simple code that takes text from the input field, stores it as a string in an array and creates a div with that same text every time the "add" button is pressed. Then there's a "remove" button,…
I m trying to write await for multiple promises, instead of nested functions. Please take a look at the below code i tried, as it will explain better than me. var main = async () => { // const main_…
I need to block the button and change the text(diable:Fill All The Fields) when the form is not filled completely. The form consist of #email', '#firstname', '#lastname', '#s2id_country and etc. I have wriiten the code but it didn't work. $(document).ready(function()…