Advertisements I tried add 2 Selector by JQuery but it’s not display the content, if I added just one it’s work fine so could you please help me to fix this issue the following is codes the idea of this script display the oil price (fuel & Diesel) 3 types of fuel and 1 of… Read More 2 Selector by jQuery in same page
Advertisements so when i press submit on my form in my 2nd tab, it automatically goes to the first tab, I would like it if possible for it to stay on the 2nd tab as i’m not able to view my information. Thank you. Below is my code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,… Read More My Tab in html keeps going back to the default when i submit my form
Advertisements I am learning Javascript and my project contains 3 buttons that open a modal. Everything works fine, however I want to reuse the modal and replace the modal text depending on which button is clicked. My HTML is below: <body> <button class="show-modal" id="btn-1">Show modal 1</button> <button class="show-modal" id="btn-2">Show modal 2</button> <button class="show-modal" id="btn-3">Show modal… Read More Creating HTML/Javascript Modal with dynamic text
Advertisements I am working with a svg element as following const src = [{ “Name”: “Australia”, “Year”: 1997, “Value”: 15.540540540540499 }, { “Name”: “Australia”, “Year”: 1998, “Value”: 15.540540540540499 }, { “Name”: “Australia”, “Year”: 1999, “Value”: 22.4489795918367 }, { “Name”: “Brunei”, “Year”: 1998, “Value”: 6.4516129032258096 }, { “Name”: “Brunei”, “Year”: 2017, “Value”: 9.0909090909090899 }, { “Name”:… Read More Javascript to dynamically select based on another query
Advertisements Here is my project https://jsfiddle.net/9rkfst5a/1/ How can I get the h1 above the ul and not next to each other? >Solution : Many ways, but simple and quick would be to just knock them out of the flow in your HTML so they’re not contained in the specs class and then set the padding… Read More How do I set "Audio" above "Diameter 18mm"
Advertisements I had another request which complicated my life even more. I’d like to load more datas in to my html when I click my button ´See more´. Ideally I should have only 4 items displayed by default. And each load should add 2 more. Now, what’s the best approach? I’d like a hint if… Read More Load more data from json on click
Advertisements Currently have all data displaying perfectly except the boolean ones. I have some data that if true or false they should display different html/css So, how can I have a class or html that shows the data if returns true? I’m a bit stuck on parsing this data on this code. As I was… Read More Check if true or false on json parse into html
Advertisements I’m trying to insert 2 buttons inside 2 divs. All divs in my css have a display grid as assigned. My question is why do the divs with class button-left and button-right expand to take all the space available, even if I did not tell them to have a width of 100% or width… Read More Why my div in display grid expand to cover all is available are?
Advertisements Example: <div class="parent"> <div class ="parent father"> const soleParentClassElementList = document.querySelectorAll(‘.parent’) With the above code line I would query both element nodes, but I want to query just the one(s) with a single parent class. >Solution : this way… const onlyParent = document.querySelector(‘[class=”parent”]’) onlyParent.textContent = ‘this one’ <div class =”parent father”>…</div> <div class=”parent”> …… Read More How to find from elements with one to multiple class names just the ones which feature exactly a specific and sole class name (and not any other)?
Advertisements How can I select the last paragraph <p> element, if and only its the last and lowest HTML element of the <article> element? I don’t want to use .classes or #id’s. A CSS selector should automatically find and select the <p> element. In my demo, in the first section, the last <p> element should… Read More How to select the last paragraph element ONLY if no other elements follow after her? (CSS selector question)