HTML / JavaScript: Ein Knopf zum Kopieren eines Textes erstellen?

Hallo,

ich möchte einen Knopf haben, der bewirkt, dass, wenn man dort drauf klickt, man einen Text in seiner Zwischenablage hat (den ich vorher bestimme).

Wie könnte das klappen? Ich finde leider nicht viel brauchbares im Netz.

2 Antworten

PhotonX

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

29.07.2020, 19:41

Bitte sehr, erster Google-Treffer für "copy link to clipboard": https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

Danke873

Fragesteller

30.07.2020, 12:24

Das hat leider bei mir nicht funktioniert..

PhotonX

30.07.2020, 12:37

@Danke873

Bei mir klappt es: https://jsfiddle.net/6etboc12/

Danke873

Fragesteller

30.07.2020, 13:04

@PhotonX

Hmm, könnt ich dir mein code dir schicken über die webseite und du versuchst es kurz? bin neu und weiss nicht was ich da falsch mache

PhotonX

30.07.2020, 13:09

@Danke873

Sicher, hab dir eine FA geschickt.

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, JavaScript

29.07.2020, 19:38

Da gibt es viele Libs für. Hier ist eine:

https://clipboardjs.com/

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Hallo, ich bastle mir gerade eine Seite zusammen und stehe nun vor einem Problem, wo selbst Google nicht helfen konnte, und zwar:

Wenn ich auf einen Button klicke, soll ein für den Leser unsichtbarer Text automatisch in die Zwischenablage kopiert werden.

Beispielsweise steht auf dem Button "2+2=" und wenn ich auf den Knopf klicke, ist automatisch die Ziffer "4" in der Zwischenablage.

Bin über jede Hilfe dankbar! :)

...zur Frage

kann ich auch normale Daten einer Textdatei via Javascript in die Zwischenablage kopieren?

Hallo,

ich will Daten aus einer Datei in die Windows Zwischenablage kopieren wie gehe ich da am besten vor. Zurzeit weiß ich nur wie man das aud einem inputfeld macht.

...zur Frage

JavaScript toggle color onclick?

Hallo.

Ich möchte in einem HTML Dokument mit JS die Farbe einer Schrift durch Klicken ändern. Default soll es beispielsweise schwarz sein, wenn man auf den Text klickt soll es grün werden. Bei einem zweiten Klick soll die Schrift wieder schwarz werden.

Ich habe viel ausprobiert, komme aber nicht zum Ziel.

Vielleicht könnt Ihr mir helfen? Vielen Dank im Vorraus!

...zur Frage

HTML, Wort anklicken zum kopieren?

Ich bin daran, eine eigene Website zu machen...

Wie kann man machen, das die Leser der Website (HTML) z.B auf das Wort „Hallo“ klicken und es dieses direkt für sie kopiert bzw. in die Zwischenablage nimmt? Geht das irgendwie?

...zur Frage

Wie kann man einen Button zum kopieren eines links einbinden?

gibt es dafür html codes? Es geht einfach darum dass der benutzer den link mit einem klick in der zwischenablage hat, um ihn weiterzugeben und zu teilen.

...zur Frage

<textarea> dynamisch an die Länge des Textes anpassen, ohne Scrollbar und ohne Javascript?

Hallo,

ich möchte die Größe meines textarea der Länge des Textes anpassen. Sprich, ich habe eine orvgegebene Größe und wenn der Text länger wird, wird das Feld automatisch um eine Zeile größer. Da es für die Uni ist, darf ich kein Javascript benutzen, sondern nur HTML, CSS und PHP.

Vielen Dank schonmal!

...zur Frage

Javascript Text in Zwischenablage kopieren jeder Browser?

Hi, ich möchte eine Website in der ein Text automatisch in die Zwischenablage kopiert wird. Ich habe schon diesen Code im Internet gefunden:

Dieser Text

Dieser Code funktioniert wirklich super! Auch für jeden Browser nur ich möchte das der Text nicht per Knopfdruck kopiert wird sondern sobald die Seite geladen ist. Ich hab schon viel mit onload und so Rumprobiert aber es klappt einfach nicht.

...zur Frage

Wie kann ich eine Website mit HTML/JavaScript neuladen?

Ich mache gerade zum Spaß eine Website und ich wollte Fragen, ob man einen Knopf in HTML erstellen kann, der die Seite neu lädt?

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

[JavaScript] Wie kann ich eine Variable richtig in die Zwischenablage kopieren?

Ohne, dass da die Fehlermeldung

document.execCommand('cut'/'copy') wurde abgelehnt, weil es nicht von innerhalb einer kurz dauernden benutzergenerierten Ereignisbehandlung aufgerufen wurde.

kommt.

...zur Frage

Wie bekomme ich es hin, dass der alert bei javascript auf der Website angezeigt wird und nicht in einem extra Fenster?

Ich habe es schon mit document.write und document.get versucht. Die Aufgabenstellung lautet wie folgt:

"Erstellen Sie eine html Seite, die einen Button enthält. Klickt man auf den Button, wird eine Java Script Funktion aufgerufen, die einen beliebigen Text als alert auf der Seite ausgibt. "

Ich habe bisher folgendes:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test</title>
   </head>
   <body>
      <form name="button">
      <input type=button value="Alert" onclick="Box()">
      </form>
      <script language="JavaScript">
         function Box() {alert("Alarm!!")};
      </script>
   </body>
</html>

...zur Frage

Javascript Zufallsgenerator manipulieren?

Ich würde gerne einen javascript bzw. html Zufallsgenerator bauen und die Funktion so ändern, dass ich im Vorfeld bestimme, welche Zahl rauskommt. Kann mir da jemand mit technischem Know-How helfen?

...zur Frage

HTML Kalender ohne JavaScript oder PHP erstellen?

Hallo zusammen,

ich möchte mit HTML einen Kalender erstellen, der allerdings nicht statisch sein soll. Damit meine ich nicht unbedingt, dass jeder manuell auf der Webseite Daten eintragen kann, sondern dass man zwischen den Monaten navigieren kann. Zum Beispiel innerhalb einer Zeitspanne von August 2022 bis August 2025 oder so. Dabei soll der Kalender beim Aufrufen der Seite, wenn möglich, den aktuellen Monat zeigen und durch Klicken auf ein Symbol (oder eventuell Drücken der Links- / Rechtstaste auf der Tastatur) kann man auf den vorherigen oder nächsten Monat wechseln.

Ich möchte das - verständlicherweise - nicht durch das Erstellen von 37 verschiedenen HTML-Dokumenten erreichen, durch die man dann mit Hyperlinks zwischen diesen Seiten hin und herwechseln kann.

Das Problem ist, dass ich sowohl von JavaScript als auch von PHP absolut keine Ahnung habe und auf keinen Fall irgendwo im Internet einen fünfzig-Zeilen-Code (JavaScript, PHP oder sonst irgendeine Programmiersprache) kopieren will, den ich zu 99,9% selbst nicht verstehen würde.

Weiß einer, wie ich so etwas nur mit HTML und CSS (und eventuell, wenn es sein muss, auch mit Java) hinbekomme?

P. S. Bitte gebt mir keine Antworten vom Stil "lerne einfach JavaScript". Das ist keine hilfreiche Antwort, da ich es eben ohne JavaScript erreichen will!

...zur Frage

Javascript (jQuery) / HTML Button mehrmals verwenden?

Hey, ich habe euch hier gleich mal ein JsFiddle verlinkt damit ihr mein Problem besser verstehen könnt: https://jsfiddle.net/Johnny3_3/dqqrvm6q/

Wenn ihr auf den Start Button klickt, dann wird durch Javascript (jQuery) der Kreis sichtbar gemacht. Allerdings kann ich durch das erneute klicken auf den Button den Kreis nicht verschwinden und danach nochmal sichtbar machen lassen. Sprich ich will unendlich oft auf den Button klicken können und somit den Kreis sichtbar und unsichtbar machen.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen