Recent content by SpongeBOB

  1. 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 ?
  2. 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...
  3. SpongeBOB

    Answered Trigger a function from a key press.

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

    Answered Trigger a function from a key press.

    Oh lucky me I found. :)
  5. 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.
  6. 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...
  7. 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/
  8. 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...
  9. 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 ?
  10. 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%...
  11. 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;
  12. 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...
  13. SpongeBOB

    HTML & CSS Place SVG logo in the top right corner.

    Hi everyone, Who can I make my logo (that stand in the upper center of the page) shrink and go to the right corner when we start to scroll down,(with a transition) and come back to it's initial pisition and size when we reach the top again ? Initial position o = logo :) . . . . . ...
  14. SpongeBOB

    Answered Where can I found some design inspiration ?

    Hi everyone, I would like to make a new small website, but I need some inspiration (minimal style, but looking good.) do you know some good place where to look ? Thanks.
  15. SpongeBOB

    Bug bbcode CODE tag, now lacking some neat features.

    Hi everyone, I see on one of my previous topic -> https://codeforum.org/index.php?threads/can-only-load-one-svg-object.2102/post-11886 That the bbcode tag CODE has been modified. So it's appear to make it work I just need the remove the quote sign " [CODE lang=html]the code[\CODE] note: I...
Top