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