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!

  • VioneT@lemmy.worldMEnglish
    2·
    8 days ago

    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.

    • lmpoll04@lemmy.worldOPEnglish
      1·
      7 days ago

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

      • VioneT@lemmy.worldMEnglish
        1·
        7 days ago

        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.