Michael 2: Copy to Clipboard

Beitrag lesen

Ich habe mir jetzt ein paar herangehensweisen angesehen.

Bei mir soll per PHP eine Tabelle ausgegeben werden und ich möchte in jeder Zeile einen Knopf, wo ich den Inhalt des Hidden Input in die Zwischenablage speichern kann. Mein Ergebnis sieht deshalb jetzt so aus:

<script>
function c2c(id) {
	//Hidden text auslesen
   	var c2c_id = "hidden_"+id;
    var textToClipboard = document.getElementById(c2c_id).value;
	//Temporäres Textfeld erzeugen und Wert aus Hidden text einfügen
	var tempTextfeld = document.createElement("input");
	tempTextfeld.style ="z-index:10; position:absolute; left:-200px; top:-200px;";
	tempTextfeld.value = textToClipboard;
	document.body.appendChild(tempTextfeld);
	// Text auswählen und in den Zwischenspeicher kopieren
	tempTextfeld.select();
	document.execCommand("copy");
	//temporäres Textfeld entfernen
	document.body.removeChild(tempTextfeld);
}
</script>




  Klartext 1<input type="hidden" id="hidden_1"  value="Hiddentext 1" /><button onclick="c2c(1)">c2c</button><br />
  Klartext 2<input type="hidden" id="hidden_2" value="Hiddentext 2" /><button onclick="c2c(2)">c2c</button><br />
  Klartext 3<input type="hidden" id="hidden_3" value="Hiddentext 3" /><button onclick="c2c(3)">c2c</button>

Falls jemand etwas auffällt, was man so nicht machen sollte, bin ich für Hinweise dankbar.

Grüße Michael 2