Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. H

    Recreating Spotify equalizer inside a jsfiddle

    I don’t know the rest of the code. I was just wondering, what the rest of the code was. How it was created. Edit fiddle - JSFiddle - Code Playground <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.99902...
  2. H

    JavaScript When I tap one of the buttons via mobile, there is a white flash, how do I disable or remove that?

    Does anyone on here know what I am referring to? https://jsfiddle.net/xmdq14a2/1/ 1 To reproduce, tap one of the buttons on via a mobile device. I think it may be this? :active How would I disable it from occurring when tapping a button? What would I put inside here? button:active{ }...
  3. H

    JavaScript Seeking Assistance to Resolve 6 JSLint Warnings in Code

    I am needing help figuring out how to fix 6 jlsint warnings in the code. Code: Edit fiddle - JSFiddle - Code Playground const button = document.createElement("button"); button.className = station.buttonClass; button.textContent = station.title...
  4. H

    Buttons are not staying centered.

    It should not start out looking like this: or looking like this: code: Edit fiddle - JSFiddle - Code Playground .buttonContainerB { display: flex; flex-wrap: wrap; /*justify-content: center;*/ align-content: center; max-width: 569px; gap: 10px; } Goes from this: Which is...
  5. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    code: Edit fiddle - JSFiddle - Code Playground The buttons are not collapsing from 3 to 2 to 1. I don’t understand why it is not working. How do I get it to work? @media (max-width: 536px) { .buttonContainerC { grid-template-columns: repeat(2, 183px); } } @media (max-width: 172px)...
  6. H

    JavaScript Click on any of the blue video buttons.

    This is giving me an error for reasons unbeknown to me: Why is this giving me an error? Edit fiddle - JSFiddle - Code Playground I do not see any mistakes in here. <footer class="my-footer hide"> modal.querySelector(".my-footer").classList.add("hide")...
  7. H

    How do I fix the code where the curtain doesn't open?

    Would I be writing the css differently? css: .hide+.curtain-containerC .curtain-leftC { transform: translateX(-100%); } .hide+.curtain-containerC .curtain-rightC { transform: translateX(100%); } curtain opens: Edit fiddle - JSFiddle - Code Playground <div class="curtain-containerC">...
  8. H

    After .exitD is clicked, which should be hidden?

    .outer-containerA or .containerPageB? My logical guess would be <div class="outer-containerA hide"> Am I wrong? <button class="exitD exit" type="button" title="Exit" aria-label="Close"></button> <div class="outer-containerA hide"> <div class="containerPageA"> <div...
  9. H

    JavaScript How do I break this line into 2 lines?

    This line is longer than 80 characters: src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", How do I break it into 2 lines? { src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", title: "Synthwave Radio" }, {
  10. H

    JavaScript Where should const playerManager be placed within the js code?

    Code Edit fiddle - JSFiddle - Code Playground Where should I place this function within the javascript? const playerManager = (function makePlayerManager() { function removePlayer() { videoPlayer.players.forEach(function(player) { const playerElement = player.getIframe(); if (playerElement) {...
  11. H

    JavaScript Transition doesn’t cease after clicking the close button

    Click on one of the blue buttons 2 times. The same button. Clicking the close button should keep the curtain removed. Edit fiddle - JSFiddle - Code Playground You will notice that, the curtain is still going up when clicked on a 2nd time. What am I doing wrong or forgetting to do? I am...
  12. H

    How does this become a square instead of a circle?

    How do I change this image to be a square? Edit fiddle - JSFiddle - Code Playground .curtain:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: blue; -webkit-mask-image: radial-gradient(circle, transparent 0% 35%, black 35%); mask-image...
  13. H

    How do I have videos fade in on the screen instead of popping up?

    Click the first 2 exit buttons you see on the screen: Edit fiddle - JSFiddle - Code Playground Where you are taken to this screen: When you get to there, instead of the videos just popping up, how do you have them fade in?
  14. H

    JavaScript Trying to fix: player.getPlayerState is not a function

    First click the exit button where you get up to the screen where it says: ButtonA ButtonB ButtonC Code 1) https://jsfiddle.net/fw061qkL/2/ Uses this: function removePlayer() { videoPlayer.players.forEach(function(player) { // Check if the player is currently playing a video const...
  15. H

    Answered There’s a lateral movement when the vertical scrollbar is activated

    code: Edit fiddle - JSFiddle - Code Playground How do I prevent slight shift sideways when the vertical scrollbar kicks in? 1st: Launch the code snippet in full screen mode. Next: Click the exit button that fades in to see the shift occur. How do I keep everything aligned at all times...
  16. H

    Replacing aspect-ratio: 1; with, padding-top: 56.25%;

    How do I do that here? Edit fiddle - JSFiddle - Code Playground All I am doing is replacing aspect-ratio: 1; with, padding-top: 56.25%; in the code. .inner { height: 100%; width: 200%; position: absolute; left: 0; top: 0; z-index: 2; display: flex; flex-direction: column...
  17. H

    The svg is only as high as the inner window but when you scroll the window the svg scrolls with it

    When viewed like this, background should be behind the svg. Edit fiddle - JSFiddle - Code Playground How do I fix that in the code?
  18. H

    How do I change the black color to transparent so that it is see-through?

    Edit fiddle - JSFiddle - Code Playground :root { --color-a: #1155cc; --color-b: black; --color-c: #1155cc; --color-d: black; }
  19. H

    JavaScript Trying to have the X button work

    Clicking on the button or around it should remove the player. Adding code back in I was able to get this far with no errors: no videos appearing though. Edit fiddle - JSFiddle - Code Playground Here is the code with videos appearing: Edit fiddle - JSFiddle - Code Playground Here is the...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom