Help with JavaScript Script | Fandom

OZOOOXOOOO·10/25/2024 in JS Development

Help with JavaScript Script

Hi everyone,

I’m working on a JavaScript script for my wiki that will check if a page is up-to-date. The script uses a countdown timer and a status indicator that toggles between “Outdated” and “Updated.” Essentially, how it works is:

The countdown loops, defined in seconds.
Initially, the status is shown as “Outdated.”
Upon pressing an edit button (which simulates a page update), the status changes to “Updated.”
The status resets to “Outdated” when the timer reaches zero, and the edit button is a one-way toggle to mark the page as updated.

What I need help for with is, how do I detect the editing of a page?

Is there an existing Fandom JavaScript function or event handler that detects when a page (the page the script is used in) is edited?
If not, how can I implement something like that this in my script to track real page edits?

The current code can be found in the HTML file linked below, you can see the logic for yourself. Any help will be greatly appreciated! Thank you in advance.

Best regards, Ozoo

HTML file: https://drive.google.com/file/d/161130VuGWPLfNUxRoxg4E4I2bOuXEAlC/view?usp=sharing

Test.htmlGoogle Docs

Output:

0

KockaAdmiralac·10/25/2024

So... why do pages on your wiki become outdated after a fixed period of time?

0

OZOOOXOOOO·10/25/2024

Some just need regular updates. This script, if working, will be applied to a template used to mark a page as needing to be updated regularly.

However, of course, this kind of script is not necessary for the template; this is just additional. I thought it would be a cool feature to have the template mark both the status and the need for regular updates.

Certainly, this script would require advanced logic, which might be limited in Fandom, so if this is impossible, or you can't help, I understand.

(Edited by OZOOOXOOOO)

0

BryghtShadow·10/25/2024

Suggestion: use the template for these high-frequency pages that shows timestamp of last edit, and how long it has been since the last edit. keep in mind, changes have to be made to the page in order for it to register the new timestamp. otherwise that's just a null edit.

0

OZOOOXOOOO·10/25/2024

@BryghtShadow Thanks for the suggestion, but it's unfortunately not exactly what I'm looking for. Regardless, I'll look into it if this template is impossible to achieve! The post has all the context but to clarify, the main thing I’m asking is how to detect if a Fandom page gets edited using JavaScript. I’m pretty sure an EventListener could be useful here, but I’m not sure how it applies to the editing feature. You just gave me an idea... but if you have any tips on that, I’d really appreciate it!

(Edited by OZOOOXOOOO)

0

OZOOOXOOOO·10/25/2024

This new idea is that rather than detecting when a page gets edited directly, I could use {{REVISIONTIMESTAMP}} instead. I found something on Wikipedia called substitution, which seems to make an ever-changing value static; it might help with this.

If I'm not understanding substitution incorrectly, the logic is to compare the static revision timestamp (using {{subst:REVISIONTIMESTAMP}}) with the dynamic timestamp. If they differ, the status will change to "Updated" (one-way), and if they’re the same, it will stay as "Outdated."

I hope someone can tell me if this is feasible and how I could implement this approach :]

(Edited by OZOOOXOOOO)

What do you think?