I had to implement a copy to clipboard functionality for our Control Panel which lists Orders.

Since I’m a total enemy of flash I pursued a solution suitable for my needs and here it is.

This is based on http://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript but I removed most of the styling and simply put the textarea outside of the viewport.

 

>> The Code!!

First create the helper function in your controller (this can be move to a helper service as well if you wan’t)

 

And now simply bind it to your Element like this

This solution currently supports the following browsers.

Desktop:

  • IE 9+
  • Firefox 41+ (below that you have to enable copy in the user.js but since it’s enabled by default in the next Stable I don’t really care)
  • Chrome 42+
  • Opera 29+
  • Safari has no support for this sadly 🙁

Mobile:

  • Chrome for Android 42+
  • Firefox Mobile 41+

I’m quite happy with this and maybe someone will find this useful.

 

Da dacht ich schon hey, haste einen Super Job gefunden, in einer Firma die mir ein klasse Umfeld bietet und auch noch nette Kollegen!
Was passiert 1 Woche dort kommt die Meldung von der Muttergesellschaft (AVG) dass der komplette Standort Darmstadt von TuneUP geschlossen wird 🙁
Ganz großes Kino. Somit war ich dann etwas mehr als einen Monat bei einem eigentlich tollen Unternehmen angestellt. Da das ganze aus heiterem Himmel kam merkt man es den Leuten wirklich an und die wut auf AVG ist deutlich zu spüren die einfach mal ein profitables Unternehmen bzw. Standort einfach so mir nichts, dir nichts schließen!
Zum Glück habe ich bislang nie große Schwierigkeiten habe eine Stelle zu finden, sicherlich aber nicht so schnell eine mit den gleichen Freiheiten & Vorzügen wie ich sie hier hatte. Was das angeht bin ich sehr wählerisch. Nunja bleibt abzuwarten 🙁

Um AVG Produkte wird dann zukünftig noch ein größerer Bogen gemacht als bislang