Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. 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

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

    I mean using padding-top: 56.25%; instead of aspect-ratio in the code. That means removing aspect-ratio and using padding-top: 56.25%; How that is written into the code, I don't know.
  2. 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...
  3. H

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

    The svg doesn't go all the way down.
  4. H

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

    It has to be viewed this way: Make the viewport smaller.
  5. H

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

    Yes, exactly. That is right.
  6. H

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

    Red color should be behind svg. Svg should be covering entire viewport. The entire svg should be viewable. I am not sure why the red is over the svg, or how to fix that in the code.
  7. 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?
  8. H

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

    I am trying to be able to place an image behind it where the gradient is see-through.
  9. 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; }
  10. H

    JavaScript Trying to have the X button work

    This is what I have now: Edit fiddle - JSFiddle - Code Playground
  11. 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...
  12. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    Can you confirm for me that "_," can be deleted from the code? Meaning, the code is able to work with that not being in there? Working Code: Edit fiddle - JSFiddle - Code Playground ['0', '3', '5', '7'].forEach(function callback(_, index) { players.add(".playSingle" + index...
  13. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    It looks like I am back to this: This code works: Edit fiddle - JSFiddle - Code Playground const totalP = document.querySelectorAll("[data-container=\"play1\"]"); totalP.forEach(function(_, index) { players.add(".playSingle" + index, (playerVarsList[index] || {})); }); This code works: Edit...
  14. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    What, it's not working now. Edit fiddle - JSFiddle - Code Playground I thought I had the code working. ["0", "3", "5", "7"].forEach(function callback(index) { players.add(".playSingle" + index, (playerVarsList[index] || {})); }); players.add(".playInitial", {}); }
  15. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    Now it works: Edit fiddle - JSFiddle - Code Playground ["0", "3", "5", "7"].forEach(function callback(index) { players.add(".playSingle" + index, (playerVarsList[index] || {})); }); players.add(".playInitial", {}); } Where this line can be removed: const totalP =...
  16. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    This code works: Edit fiddle - JSFiddle - Code Playground const totalP = document.querySelectorAll("[data-container=\"play1\"]"); totalP.forEach(function(_, index) { players.add(".playSingle" + index, (playerVarsList[index] || {})); }); This code works: Edit fiddle - JSFiddle - Code...
  17. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    Here is the code working: Edit fiddle - JSFiddle - Code Playground totalP.forEach(function (_,index) { players.add(".playSingle" + index, (playerVarsList[index] || {})); }); Here is the code not working: Edit fiddle - JSFiddle - Code Playground ['0', '3', '5'...
  18. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    How can I attempt steps if I don't know what the steps are? I answered the last question you had for me here: https://codeforum.org/threads/how-to-add-data-id-to-button-allowing-me-to-remove-the-2nd-container.5737/page-14#post-21623 From that point, what is the next thing I am supposed to do...
  19. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    I am clueless as to what the next steps are.
  20. H

    JavaScript How to add data-id to button, allowing me to remove the 2nd container

    Without instruction on what to do next in the code, then I am lost and have no idea. Now I am lost and don't know what I am up to doing in the code. Edit fiddle - JSFiddle - Code Playground const totalP = document.querySelectorAll("[data-container=\"play1\"]"); ['0', '3', '5'...

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