JS: Wie merk ich mir das jetzt?

Die Woche hat der Herr CIO mir ne Funktion in ein Konzept untergemogelt, die da hieß: onclick -> copy to clipboard. Meine Verwirrung war sichtbar und ich hab mich gefragt, wie es bitteschön funktionieren soll, irgendwas per Javascript in die lokale Zwischenablage zu kopieren.

Na aber irgendjemand wird das ja auch schonmal gebraucht haben? Natürlich! und just in dieser Woche (welch Zufall) ist David Walsh in einem Blogpost auf eben diese Thematik eingegangen und hat ein Script vorgestelltn , mit dem man das relativ einfach implementieren kann:

1. Script bei Google-Code runterladen
http://code.google.com/p/zeroclipboard/

2. Script includieren

<script type="text/javascript" src="ZeroClipboard.js"></script>

3. Das mitgelieferte Flashfile “ZeroClipboard.swf” an die gewünschte Stelle kopieren (Flash? Ja, ich hab auch komisch geguckt, aber wenns geht…der Zweck heiligt ja bekanntlich die Mittel)

4. Script und Flash-File initialisieren
ZeroClipboard.setMoviePath(“http://www.example.com/ZeroClipboard.swf”);

5. Und noch ein bißchen konfigurieren, beispielsweise so:

    // einen neuen Client instanzieren
    var lClip = new ZeroClipboard.Client();
    // den text der textbox beim mouseover über den copy-button aktualisieren
    lClip.addEventListener('mouseOver', function(){
      lClip.setText(jQuery('your textbox').val());
    });
    // den cursor setzen
    lClip.setHandCursor( true );
    // und den ganzen Spass an den Button ranhängen
    lClip.glue('button_get_code_outer');

Das Original-Beispiel gibts hier: http://bowser.macminicolo.net/~jhuckaby/zeroclipboard/

Die komplette Doku für Konfiguration und so hier (denn obiges Beispiel umfaßt nur den einfachsten Anwendungsfall):
http://code.google.com/p/zeroclipboard/wiki/Instructions

Leider hab ich noch nicht rausgefunden, wie das jetzt genau und im Detail funktioniert. Vielleicht kann das ja irgendeiner von Euch erklären? Fänd ich gut!

2 Responses to “JS: Wie merk ich mir das jetzt?”

  1. Noch erwähnenswert wäre ein weiterer erst vor kurzem erschienener Artikel bei Walsh
    http://davidwalsh.name/javascript-clipboard der sich ebenfalls auf zcb bezieht.

    • snirgel says:

      oh…den meinte ich eigentlich auch. Naja, kann nicht schaden auch den älteren zu lesen. Dankeschön…

Leave a Reply