Perchance - Create a Random Text Generator
⚄︎ Perchance
This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.
Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)
This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.
See this post for the Complete Guide to Posting Here on the Community!
Rules
1. Please follow the Lemmy.World instance rules.
- The full rules are posted here: (https://legal.lemmy.world/)
- User Rules: (https://legal.lemmy.world/fair-use/)
2. Be kind and friendly.
- Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)
3. Be thankful to those who try to help you.
- If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)
4. Only post about stuff related to perchance.
- Please only post about perchance related stuff like generators on it, bugs, and the site.
5. Refrain from requesting Prompts for the AI Tools.
- We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (
text-to-image-plugin
andai-text-plugin
) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?" - See Perchance AI FAQ for FAQ about the AI tools.
- You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
- We will still be helping/answering questions about the plugins as long as it is related to building generators with them.
6. Search through the Community Before Posting.
- Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.
view the rest of the comments
Thanks! Fixed. Note though RE your example generator, the
defer
attribute is not valid for 'inline' scripts - it's only valid for URL/remote scripts (i.e. usingsrc
attribute instead of writing text between the opening and closing script tags). Here are some options for running code after everything else has executed:document.addEventListener("DOMContentLoaded", function() { yourCodeHere })
- this is usually your best option (and by coincidence was already supported, since Cocell reported a similar issue a week or so ago)window.addEventListener("load", function() { yourCodeHere })
- same aswindow.onload = function() { yourCodeHere }
butaddEventListener
a much better approach because it doesn't overwrite theonload
function that might have been set by some other code (e.g. if you're writing a plugin, you might overwrite the importer'sonload
function that they set). With theaddEventListener
approach you can add as many as you want. But in general usingwindow
'sload
event isn't desirable because it also waits for stuff like images to finish loading before triggering. But if that's what you want, then use this.[ yourCodeHere ]
, but note that this will run again after everyupdate()
. If you only want it to run once, you'd have to write something like[doneStuffAlready ? "" : doStuff(), doneStuffAlready=true]
Oooooh, okay. Honestly, while I've been in web dev a while, I've never really needed or used defer, so never really looked into it properly; I just know it exists. That's an annoying caveat isn't it? 😅
I thought I'd tried onload--that was the first thing I tried--but it didn't work. I'll try these things again and nail down exactly what does and doesn't work for myself.
Yep you're not imagining it - by "Thanks! Fixed" I meant that I fixed both
defer
and the windowload
event.DOMContentLoaded
was the only thing that was working properly before this bug report.By the way it's not fully working. Works in edit mode with the preview, doesn't work on the actual page! 😬
Here's a test: https://perchance.org/67nt9sbun6#edit
Seems to be working fine for me in both cases - i.e. I see "loaded" alert when I load the page with and without
#edit
at the end of the URL. Can you give more details? I've tested in Chrome and Firefox.I'm on Chrome. 126.0.6478.214 (Official Build) (64-bit)
For me, it only alerts when I click Reload or click Auto. Doesn't alert when I open the editing page. Doesn't alert when I go to the main page. https://imgur.com/a/jEv8ZS5
Hmm, I'm not sure what's going on there. Can't seem to replicate. Which OS? I tested on Ubuntu, Windows, and an old Chromebook.
Can you try swapping it for a console.log instead of alert? I figure there's a small chance that it's a 'user agent intervention' where it hides the alert due to it seeming like a spammy thing.
Chromebook. Same issue for
console.log()
. Anddebugger
.I guess you're manually running it somehow?
Hmm, okay, thanks for bearing with me on this - can you try again now? I think I may have fixed it. If not, can you try logging
document.readyState == 'complete'
above youraddEventListener
call and tell me what it says?Okay it all seems to work now. Maybe the change didn't make it to my browser or something but it's all good now 👍
Ah okay great 👍
Can confirm, the load even works for me now 👍