Форум программистов
 
О проблемах с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web программирование > WordPress и другие CMS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 13.01.2021, 11:30   #1
antonamorevwp
Новичок
Джуниор
 
Регистрация: 13.01.2021
Сообщений: 2
По умолчанию Копирование clipboardjs

Всем здравствуйте!
Имеется страница http://test.laiko.group/pay
На ней находятся реквизиты оплаты, при нажатии кнопки "Копировать" должны копироваться и выводится сообщение пользователю что "Скопировано"
В итоге: Текст копируется, но сообщение не выдается

Уже третий день не могу найти ответа, подскажите в чем тут загвоздка, за ранее спасибо за ответы


Пример реализации: https://yanakhodkina.com/payment/
antonamorevwp вне форума Ответить с цитированием
Старый 13.01.2021, 16:12   #2
antonamorevwp
Новичок
Джуниор
 
Регистрация: 13.01.2021
Сообщений: 2
По умолчанию

// Tooltip

$('button').tooltip({
trigger: 'click',
placement: 'bottom'
});

function setTooltip(btn, message) {
$(btn).tooltip('hide')
.attr('data-original-title', message)
.tooltip('show');
}

function hideTooltip(btn) {
setTimeout(function() {
$(btn).tooltip('hide');
}, 1000);
}

// Clipboard

var clipboard = new Clipboard('button');

clipboard.on('success', function(e) {
setTooltip(e.trigger, 'Copied!');
hideTooltip(e.trigger);
});

clipboard.on('error', function(e) {
setTooltip(e.trigger, 'Failed!');
hideTooltip(e.trigger);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>


<button class="btn btn-primary" data-clipboard-text="It worked!">Click me</button>
<button class="btn btn-primary" data-clipboard-text="It worked again!">Click me</button>
antonamorevwp вне форума Ответить с цитированием
Ответ
Купить рекламу на форуме 20000 рублей в месяц
Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
копирование ячеек на лист 2 и по условию копирование строки в буфер FiataliS Microsoft Office Excel 7 11.05.2020 18:19
копирование строк, соответствующих условию фильтра и копирование на новый лист xorek Microsoft Office Excel 0 09.07.2012 17:13
Копирование Яр|/||< (^_^) Общие вопросы Delphi 6 04.07.2009 14:34


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS