I created this timer using the following code, it’s working locally but I having trouble integrating it on my forum. Can someone please help?  <style> button { padding: 5px; margin: 2px; cursor: pointer; border: none; color: white;…

Hi, You would want to insert the JS in Head instead to make it work! Also, be careful with the button CSS – you should make a specific selector to avoid overwriting the default CSS. Ideally, you want to create a theme component , and use an outlet to handle HTML/logic. I can show you later!

Thank you so much for responding. I tried that. I created a new theme component and then by using edit CSS/HTML option, I inserted that code in common>header section. I can see the timer on the website but the problem is that the timer doesn’t play. It has play and stop button, locally it works fin…

Yes, your code is being blocked by CSP. (see security settings) You could whitelist unsafe-inline in the settings, but that doesn’t sound like a good idea. In your case, to make your code work with CSP enabled, i believe you need to handle the click differently . On a side note, here is a theme c…

I can’t thank you enough for helping me with this. This is amazing!! You have inspired me to learn this. :heart: There are few changes and queries I have regarding the timer. Can I share with you?

Queries: What’s the purpose of waiting button? Critical Immediate Changes: It’s a continuous timer, first starts with 1:30 sec then shift to 8:00 min then shift to 1:30 and so on, never ends. When the timer is playing, users need to have the ability to bypass directly to 8:00 min by clickin…

I definitively did not understand everything in your code; it would seem :smile: [image] evens_tailors.0d: What’s the purpose of waiting button? It doesn’t make sense to be able to click on those pause/stop buttons if a timer has not started. Same as showing “pause” or “resume”, so it’s lik…

Hey, For me it’s amazing seeing this timer come to life. You’re amazing and inspiring. This is a timer for a exam given by doctors, I am a doctor as well trying to help other doctors. The exam consists of 16 rooms, containing 16 different patients that we need to diagnose and manage. Before enter…

I’ve pushed an update. It should loop short/long timer, and you can switch to any timer now. I’ve also removed the “waiting..” usage. Let me know if it works better. Thanks for explaining the context, I understand now! :+1:

I found a bug, if I click on the read task button the timer goes from 1:30 min to 8:00 min and then keeps looping on 1:30 min. If I click on enter room button, the timer goes from 8:00 to 1:30 and then keeps looping on the 8:00 min timer.

My bad. It’s fixed. I checked only the first loop because I was in a hurry, and I did not notice the switch did not happen after. :smile:

Need help integrating code wrote on Edittext to the Discourse

Development

Plabforum November 13, 2023, 2:22pm 15

I just checked, it’s working as expected.

Topic		Replies	Views
Topic Stopwatch Theme component	32	6495	June 5, 2019
Live Topic Timer Theme component topic-timers	16	3865	March 29, 2021
Turned my Discourse into a successful ecommerce platform! Praise	15	7462	February 17, 2025
Set Topic Timer not working in Discourse v3.1.5 Development topic-timers	1	106	August 6, 2024
Using a theme component instead of an iframe to create a topic timer Development topic-timers	7	822	March 27, 2018

Need help integrating code wrote on Edittext to the Discourse

Related topics