Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   не могу разобраться с zclip (https://javascript.ru/forum/jquery/56552-ne-mogu-razobratsya-s-zclip.html)

v4n 21.06.2015 22:53

не могу разобраться с zclip
 
Добрый вечер, возникла проблема с zclip.
Имеется простое модальное окно, с текстовым полем и кнопкой, при нажатии на которую, текст из текстового поля должен скопироваться в буфер. Но ничего не копируется.
<div id="code">
	<div class="fl_left"></div>
	<h1>Copy it:</h1>
	<textarea id="text" rows="12" cols="110" class="sup_txt">
	</textarea>
	<div id="zcopy" class="commit_button fl_right radius">
			<a>Copy to clipboard</a>
	</div>
	</div> 
</div>

скрипт функции клика вызова модального окна:
$('#copy').click(function(){
       $('#code').css("display","block");
       $('#mask').css("display","block");
		$('#text').html(summary);

		('#zcopy').zclip({
		 	path: "http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
		 	copy: function(){return $('#text').val()},
		 	beforeCopy: function () { },
            afterCopy: function () {
                 alert('Copy To Clipboard : \n' + $('#text').val());
            } 
		});

	});

Хром выдает ошибку Uncaught TypeError: undefined is not a function в строке 6.
jquery.zclip.min.js прикручен.
что я делаю не так?

рони 21.06.2015 23:03

Цитата:

Сообщение от v4n
что я делаю не так?

а где $?

v4n 21.06.2015 23:27

c $ косяк вышел, после кучи попыток.
исправил, но проблема так и не решилась. флеш кнопочка подключается. но реакции на нажатие нет. Курсор не меняется, ховер не работает, и самое главное, что при нажатии ничего в буфер не кидается.

Еще не разобрался, что править в css для правильного отображения получившейся кнопки. Прочитав оф сайт, понял, что нужно просто через точку ховер прописывать, но ничего не получается.
#zcopy.hover{
	background-color: #134c37;
	 
}

рони 21.06.2015 23:33

Цитата:

Сообщение от v4n
summary

а это что?

v4n 21.06.2015 23:35

это переменная js, которая присваивается текстовому полю

рони 21.06.2015 23:37

v4n,
тогда $('#text').val(summary);

v4n 21.06.2015 23:44

и так, и так поле заполняется, но вопрос с копированием в буфер не решается.
я оставил val

рони 21.06.2015 23:52

v4n,
вы бы определились где вам нужен клик на #zcopy или #copy'

рони 21.06.2015 23:57

v4n,
возможно так?
$(function() {
     var summary = 12345;
     $('#copy').zclip({
         path: "ZeroClipboard.swf",
         copy: function() {
             return $('#text').val()
         },
         beforeCopy: function() {
             $('#code').css("display", "block");
             $('#mask').css("display", "block");
             $('#text').val(summary);
         },
         afterCopy: function() {
             alert('Copy To Clipboard : \n' + $('#text').val());
         }
     });

 });

v4n 22.06.2015 09:23

Цитата:

Сообщение от рони (Сообщение 376030)
v4n,
вы бы определились где вам нужен клик на #zcopy или #copy'

дело в том, что кнопка #copy делает видимым модальное окно #code, внутри которого лежит кнопка #zcopy, к которой хотелось бы прикрутить zclip.

то есть сначала клик на #copy, потом по желанию пользователя на #zcopy


Часовой пояс GMT +3, время: 03:55.