Cover_19-6_gruen_low

Schweizer Fachzeitschrift
für Publishing und Digitaldruck


Dossiers >> Web-Publishing >> Tipps und Tricks >> JavaScript: Text in die Zwischenablage �bertragen

JavaScript: Text in die Zwischenablage �bertragen

(msc) Per JavaScript kann eine Webseite mit der Zwischenablage auf dem PC des Anwenders Daten austauschen. Damit kann man dem Anwender eine Möglichkeit anbieten, Texte per Mausklick in die Zwischenablage zu kopieren. Das macht Sinn, wenn man eine Information anbietet, die der Anwender auf seinem Rechner weiterverwenden muss. Das könnte ein Registrierungscode, aber auch so etwas Banales wie eine Adresse oder eine Telefonnummer sein.

Das folgende JavaScript kopiert Text in die Zwischenablage. Das funktioniert leider nur beim Internet Explorer. Bei Firefox verhindert ein restriktiveres Sicherheitsmodell das Kopieren. Wie Sie in Firefox die Zwischenablage nutzen, erläutert dieser Beitrag: www.dynamic-tools.net/toolbox/copyToClipboard/

<script type="text/javascript">function ClipboardCopy(s){
if( window.clipboardData && clipboardData.setData )
{ clipboardData.
setData("text", s); }
else
{ alert ("Das geht leider nur
im Internet Explorer");}
}
</script>

Wie das Script in der HTML-Seite aufgerufen wird, hängt davon ab, woher der zu kopierende Text stammt. Folgendes Beispiel kopiert den Text aus einem Textfeld:

<textarea id="clp" cols="40">
Text für die Zwischenablage
</textarea>
<p><a href=# onClick=
"ClipboardCopy(document.
getElementById('clp').value);
return(false)">Kopieren
</A></p>

Wenn Sie einen Absatz kopieren möchten, verwenden Sie diesen Aufruf:

<p id="clp">Dieser Text soll in die Zwischenablage</p>
<p><a href=# onClick=
"Clipboard­Copy(document.
getElementById('clp').
firstChild.nodeValue);
return(false)">Obigen Text kopieren</A>

Der zu kopierende Text wird jeweils anhand der ID clp erkannt.