Perchance - Create a Random Text Generator

946 readers

10 users here now

⚄︎ 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 and ai-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.

founded 2 years ago

MODERATORS

[email protected]

Is it possible to hyperlink generated output? (lemmy.world)

submitted 2 weeks ago by [email protected] to c/[email protected]

5 comments fedilink hide all child comments

Hi community. I am new to Perchance and coding in general but am so happy it exists! I searched the post archives, but couldn't find anything about this. Apologies if this has already been covered.

Is it possible to hyperlink part of the generator's output? For example, in this generator (https://perchance.org/wrongquotes), if I wanted to hyperlink the name of the person who said the quote so it points to another URL, is that possible?

I tried using a a href tag but that doesn't work, also tried adding a 'url' property to the 'source' object but that didn't work either.

I suppose a workaround could be to just display the full url as part of the displayed text, but just curious if a more elegant solution exists.

Thanks in advance!

top 5 comments

sorted by: hot top controversial new old

[–] [email protected] 2 points 2 weeks ago* (last edited 2 weeks ago) (1 children)

You need to make the quoteSourceEl to be an <a> tag e.g. <a id="quoteSourceEl" class="source" href="#"></a> , then after you add a href value, it would be a hyperlink.

[–] [email protected] 1 points 2 weeks ago (1 children)

Thank you. This is very helpful. Is it possible to hyperlink each possible source with a unique hyperlink?

[–] [email protected] 1 points 2 weeks ago (1 children)

On how you have your data, you can probably just add a url property for each instance of the source e.g.:

   {
      name: "original",
      label: "Original",
      placeholder: "Click the button below to generate an original quote.",
      data: [
        {
          quote: "Happiness beckons you once you forget you were looking for it.",
          source: "Eleanor Trent, 'Where's Joy?'",
          url: "link here"
        },
        {
          quote: "Memory is just the past asking for a permanent residence permit.",
          source: "Dr. Selim Farouk, 'The Mind's Archive'",
          url: "another link here"
        },
        {
          quote: "No one knows how Sentience is born, but we sure know how to kill it.",
          source: "Dr. Marcus Webb, 'The Philosophy of Consciousness'",
          url: "link here"
        },
        ...

Then you can access it with .url (quoteEntry.url) and set it as the href of the quoteSourceEl.

[–] [email protected] 1 points 5 days ago (1 children)

Thank you. I attempted this but I ran into an error.

I added a test category where I associated unique urls with different quotes as you outlined above. The preview window showed an error message as soon as I made this change: "In the function called getQuotes within your lists editor, near line number 12, there's a mistake in your code that's causing this error: Unexpected identifier 'url'."

I assumed it was because I didn't add in quoteEntry.url yet in the HTML/CSS editor, so I made that change as well, but the error persists. So now I'm wondering if I did the <a> tag correctly.

Is this written correctly?: <a id="quoteSourceEl" target="_blank" class="source" href="quoteEntry.url"></a>

And is the <a> tag the only place where I need to reference quoteEntry.url?

Thanks so much for the help!

[–] [email protected] 1 points 4 days ago

You can set the href through your code, not directly on the HTML e.g.:

// function generateMisquote()
  ...
  // Select quote from array if necessary
  const original = selectQuote(quoteEntry.original);
  const misquoted = selectQuote(quoteEntry.misquoted);
  const source = selectQuote(quoteEntry.source);
  const url = quoteEntry.url // get the url link
  ...
  // Update after a short delay for the fade-out effect
  setTimeout(function() {
    // Display the misquoted quote and source
    quoteTextEl.textContent = misquoted.text;
    quoteSourceEl.textContent = `— ${source.text}`;
    quoteSourceEl.href = url; // set the href based on the url link
  ...