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. SpongeBOB

    HTML & CSS Animate transition to a <a href="#something" on the same page.

    Hi everyone, I have the following <div id="outside"> <div id="slider"> <div id="one"><a href="#two" target="_self">one</a></div><div id="two">two</div> </div> </div> body { margin: 0px; min-height: 100vh; padding: 0; } #outside { width: 250px; height: 400px...
  2. SpongeBOB

    JavaScript Loading JS that block all the rest of the page loading... (FireFox)

    No actually 1: This is an example, see : something.com 2: There is someweb site that return a JS file on endpoint invocation.
  3. SpongeBOB

    JavaScript Loading JS that block all the rest of the page loading... (FireFox)

    @OldMan , It's in the browser where lay the problem/solution.. more exactly who can I specify that this .js file shuold not block the rest, or be loaded at the end. I have tried: async defer type="module" Placing the <script> at the end. but nothing seem to work.. I should ask on a...
  4. SpongeBOB

    JavaScript Loading JS that block all the rest of the page loading... (FireFox)

    Hi everyone, In my page I have something like : <!DOCTYPE html> <html lang="en"> <head> <title>A title</title> <meta charset="utf-8"> <script src="https://something.com/JS/"></script> </head> But if for any reason the <script src="https://something.com/JS/"></script> can't load...
  5. SpongeBOB

    Python Online calendar for booking.

    Thank you @ChaoticSalmon , But Thunderbird is an Local software to be installed on a OS with a GUI etc...Or maybe There is a way to interact with the DB of Thunderbird calendar and interact trough API, CLI ?
  6. SpongeBOB

    Python Online calendar for booking.

    Hi everyone, I have a small website ( Flask powered ❤️). I would like that peoples could see my availability and book an "appointment" in the free spot. I plan to develop one my self, but meanwhile maybe something exist already ? ( FOSS ! (so not google etc.. )) If I could store that data...
  7. SpongeBOB

    CSS set Child DIV same width and height as parent ?

    Hi everyone, is it possible with CSS only, to set width & height of a child DIV from his parent div --> I got <div id="Flex" style="display:flex;flex-wrap:wrap;justify-content: space-around"> <div id="A"> <div id="B"><img></div> </div> </div> so A is a Flex items and get...
  8. SpongeBOB

    CSS Add an Horizontal line in <summary>

    I've found ! ( I'll post the solution later on :) ) summary::marker{ content: '' } hr{ display: inline-block; } details span:before { content: '►'; } details[open] .SummSpan:before { content: '▼'; } span{ display: inline-block; } <summary> <hr> <span>Your...
  9. SpongeBOB

    CSS hover a Hyperlink and show and element by it's ID possible ?

    Thank you @cbreemer When this link is hover by the mouse I would like that a <DIV> that is not descendant nor child appear. I make it work with javascript, but I rather avoid as much as possible javascript. So I was wondering if it was possible with CSS ?
  10. SpongeBOB

    CSS hover a Hyperlink and show and element by it's ID possible ?

    Hi everyone, How display (for example a <DIV>) when I hover a link <a> by it's #id Selector ? Because when I look the CSS Combinators I see only the problem is my DIV is none of those ! it's somewhere else in the page and I want to select it (to make it appear) when I hover another element...
  11. SpongeBOB

    Answered Trigger a function from a key press.

    @Malcolm document.addEventListener("keydown", event => { if (event.isComposing || event.keyCode !== 13) { return; } Yourfunctionifitsucceed(); })
  12. SpongeBOB

    Answered Trigger a function from a key press.

    Oh lucky me I found. :)
  13. SpongeBOB

    Answered Trigger a function from a key press.

    Hi everyone, I have a Javascript function set in my <head> I would like to launch it when I press a key. I've search but didn't found anything.. is it possible ? Thanks.
  14. SpongeBOB

    JavaScript Close all the <details>

    Done --> function CloseAllbut(x) { AllofThem = document.getElementsByTagName("details"); for (let i = 0; i < AllofThem.length; i++) { AllofThem[i].open=false; } document.getElementById(x).open=true } Can't wait we can can interact with the DOM...
  15. SpongeBOB

    JavaScript Close all the <details>

    Actually as I can modify quite easily all my <details> It could be a javascript function, that close first all the <details> then open the one specified in the call of the function. Thanks/
  16. SpongeBOB

    JavaScript Close all the <details>

    Hi everyone, When I expand one of the <details> I would like all the others to close automatically. I've tried : (in head of the html document within <script>) // Fetch all the details element. const details = document.querySelectorAll("details"); // Add the onclick listeners...
  17. SpongeBOB

    CSS Play two CSS animation at the same time , should be possible...

    I succeeded with the shorthand --> https://cssreference.io/animations Anyway I'm wondering if it's possible with the none shorthand way ?
  18. SpongeBOB

    CSS Play two CSS animation at the same time , should be possible...

    Hi, I have set two CSS animation with @keyframes. When I launch them individualy it's work. but when I try togethere only one is running... any ideas ? @keyframes fieldsetLoginAnim { 0% {transform: scale(0,0);} 25% {transform: scale(1.2,1.2);} 50% {transform: scale(0.8,0.8);} 75%...
  19. SpongeBOB

    Answered Animate background-color to x transparent with Variable

    I've found ! I was needed to declare the variable not as a rgb but directly put the raw serie --exTheColor:40,40,40;
  20. SpongeBOB

    Answered Animate background-color to x transparent with Variable

    Hi everyone, I have an HTML element (fieldset) that I would look to animate the background-color transparency, from solid to 0.75 of transparency If there will be a way just to change the alpha channel that would be great.. but here what I've done so far. The background color of this fieldset...

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