Link in einem Button integrieren

Question

Hallo,

Ich habe einen Zufallsgenerator mit zwei Links erstellt und folgenden html-Code:

<p>Klicken sie hier: <a href="%random%" target="_blank">%random%</a></p>.

Den Proband:innen soll per Zufallsgenerator einer von zwei Links zugeteilt werden. Nun würde ich statt das "Klicken Sie hier: "link"" gerne einen Button erstellen, in dem die Links integriert sind. Wie gehe ich da am Besten vor? Können Sie mir da bei dem Quellcode bitte helfen?

Answer 1

Answer 2

Die einfachste Möglichkeit besteht darin, dass Sie den Link aussehen lassen wie einen Button, z.B.

<a href="%random%" target="_blank" style="display: inline-block; background-color: #EEEEEE; border: 1px solid black; border-radius: 3px; padding: 0.5em 1em; text-decoration: none; color: black;">Ich bin ein Knopf</a>

Mit etwas CSS-Code via pageCSS() oder direkt im Layout können Sie den Knopf auch noch optisch auf Mausberührung und/oder Klicks reagieren lassen.

Die Alternative wäre ein echter Knopf mittels <button type="button">, den Sie aber mit JavaScript koppeln müssten, damit er die gewünschte Funktionalität erhält.

Comments

Super, vielen Dank!!!!