great thanks !! If you set width and height for your button (if you want to have a standard sized button for your website for example) you can set a display none on your text (instead of visibility: hidden), then it allows you to place the spinner in the center using display: flex; on the button itself (justify-content: center and align-items: center), so you don't have to use position: absolute ;)
Oups i missunderstood the question, this answer will show the loader 1s later. You should use a click event listener on the button to achieve what you are looking for.
sir, do you have a course that focuses nothing but html, css and a little javascript? your command with html and css isnothing ive seen before and would like to learn from you..
I think the javascript must say btn.onclick = () => { btn.classList.toggle("button--loading"); } Because the code in the video don't respond to click events, just make the things when the page loads :) Awesome video by the way!
Hi, Dom? Got the name right? You are the real OG in programming. Your tutorials are superb. How about creating that whole full stuck developer course. Tag me, will be first to purchase 💪
This is by far the easiest spinner I'd ever seen. Thanks a lot and well done!
You're welcome
This is far and away the best vid I've seen on the topic. Great job and thank you!
Thats spinner css was simple & easy. Thanks
Tip for others : disable the button when it's loading so use cant click twice
Thanks mate, you fixed a big headache haha
Worked like a charm!
Simple fast and to the point, great tutorial !
great thanks !! If you set width and height for your button (if you want to have a standard sized button for your website for example) you can set a display none on your text (instead of visibility: hidden), then it allows you to place the spinner in the center using display: flex; on the button itself (justify-content: center and align-items: center), so you don't have to use position: absolute ;)
Your knowledge of html and css is unparalleled, blows me away. Great job man
Thank you!
Again I came across a channel which doesn't have subscribers but A quality content
What was the other one called?
Thanks so much, Dom! Beautifully explained! You're the expert. Kudos!
Glad you enjoyed it!
thanks bro, very explained!! congratulations for this espectacular content! :)
I find your tutorials very helpful, most of your videos help me to implement such cool use cases to uplift my webpage.
Instead of setting top, right, bottom, and left to 0, you can just do "inset: 0". It's the exact same, but shorter
Awesome as always bro👍😀
Thanks again!
Simple and right to the point. Good job!
Thank you. You are an excellent tutor.
Such a magic technique. Great teaching skill
This is very excellent and clear instructions. Thank you for posting this.
Hello, mate. Fair dinkum, these tutorials are deadly. Thanks.
hi
can you tell me that how to add a customized spinner on the video player, not on the webpage?
My perfect definition of you would be " CODING SIMPLIFIED" you are the best in the game🙂
Appreciate that, mate thanks!
can i use setTimeOut, and after 1second, show something ?
Try this:
Oups i missunderstood the question, this answer will show the loader 1s later. You should use a click event listener on the button to achieve what you are looking for.
hi , i am creating a dotted circular spinner as soon as i hit the buttom it will load the spinner. how can i achieve that?
This is great! Well done
Wow nice but whats your text editor font family
how can we show a checked sign after spinning for 1s?
Really nice. How can I combine it with real data?
Thanks man!!!!!!
I get the spinner overlapping with the button text on click. How do I fix this issue?
Gracias por el video, te amo!
sir, do you have a course that focuses nothing but html, css and a little javascript? your command with html and css isnothing ive seen before and would like to learn from you..
Awesome Video! I have a button that completes a JS Request, how can I make the loading icon appear until the request is done?
I think the javascript must say
btn.onclick = () => {
btn.classList.toggle("button--loading");
}
Because the code in the video don't respond to click events, just make the things when the page loads :)
Awesome video by the way!
Nice animation..but how do i make it work between loading the "link"- button
Hi, Dom? Got the name right? You are the real OG in programming. Your tutorials are superb. How about creating that whole full stuck developer course. Tag me, will be first to purchase 💪
Yes the name is right 😉 thank you so much. One day, once I get better at teaching I'll probably end up creating a course like that 😊
Dont you have a loading button with "..." like when user click at login form it appear loading...
Pls do that one.
thanks
Thank you
You have not explained how to activate the animation on click.
AWESOME
Cheers
🥰🥰🥰😍🤩😍😍😍😍😍😍😍😍😍😍🥰😍😍😍🤩🤩😍😍🥰😍😍😍🤩🤩🤩🤩🤩
"Buddin"
0%{}100%{}