Скопировать текст в буфер обмена через JQuery

Скопировать текст в буфер обмена через JQuery

К сожалению, в JQuery нет прямых методов работы с буфером обмена (по крайней мере я не нашел), но есть плагин, который связывает флеш и JQuery, позволяя делать данную операцию. О нем сейчас и пойдет речь.

Плагин называется ZeroClipboard. Если ввести в Яндекс его название, то вы найдете их официальную страничку, которая имеет исходные файлы на скачку.

Для работы плагина понадобится:

  1. jquery-1.6.4.min.js (или любая другая библиотека)
  2. zclip.min.js (с сайта)
  3. ZeroClipboard.swf (с сайта)

Чтобы запустить плагин:

  1. Делаем файл, в котором подключаем первые 2 файла как обычно
  2. Прописываем id с которого будем копировать текст, например: aave
  3. Пишем ссылку или кнопку с каким-нибудь id, например: copy
  4. И, наконец, пишем следующий скрипт:

<script type="text/javascript">
$(document).ready(function(){
$("#copy").zclip({
path: "ZeroClipboard.swf",
copy: function(){
return $("#aave").text(); }  });   });
</script>

Заметьте, что в скрипте есть ссылка на подключение swf файла, который мы скачали.

Скачать полностью рабочий пример вы можете ниже

Замечание. Скачанный пример будет работать либо на вашем сайте, либо на денвере, т.к. ему нужен рабочий сервер. С рабочего стола не сработает.

Если вы сделали все правильно, то плагин заработает!

| | Скопировать текст в буфер обмена через JQuery | К сожалению, в JQuery нет прямых методов работы с буфером обмена (по крайней мере я не нашел), но есть плагин, который связывает флеш и JQuery, позвол |

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>