Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.12.2023, 22:08
Новичок на форуме
Отправить личное сообщение для Barsssik Посмотреть профиль Найти все сообщения от Barsssik
 
Регистрация: 24.12.2023
Сообщений: 1

Оповещение о копировании текста
Всем привет.

Есть рабочий код, который копирует текст в буфер обмена по клику мышью. Но оповещение о том, что текст скопирован выводится с помощью alert, что меня категорически не устраивает. Не подскажите, как вывести оповещение в виде обычного сообщения, которое само удалится через несколько секунд и/или после нажатия на крестик?

Прошу строго не судить, в JS я полный ноль...

<span class="copy-code" id="text">SALE25</span>

<script>
jQuery(document).ready(function($){
$('.copy-code').click(function() {
var $text_copy = $(this);
var $temp = $("<input>");
$("body").append($temp);
$temp.val($text_copy.text()).select();
document.execCommand("copy");
alert("Промокод скопирован");
$temp.remove();
$('.copy_link_mess').fadeIn(400);
setTimeout(function(){$('.copy_link_mess').fadeOut(400);},5000);
});
});
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2023, 12:26
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,223

Сообщение от Barsssik
как вывести оповещение в виде обычного сообщения, которое само удалится через несколько секунд и/или после нажатия на крестик?
Например так...

<dialog>
	<p>Промокод скопирован</p>
	<button>X</button>
</dialog>


<script>
const o = document.querySelector('dialog')
o.showModal()
const t = setTimeout(_ => o.close(), 2000)
o.querySelector('button').addEventListener('click', _ => {
	if (t) clearTimeout(t)
	o.close()
})
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести сообщение о копировании текста Igorsrt Элементы интерфейса 4 27.01.2019 12:06
Найти все блоки текста между символами и запомнить их индексы Arhitector Общие вопросы Javascript 7 20.08.2018 00:33
Как с помощью скрипта высчитать ширину полосы прокрутки? LADYX Элементы интерфейса 35 13.11.2017 12:50
Чудеса математики js при padding borovik Элементы интерфейса 6 09.07.2011 22:02
При копировании текста со страницы автоматом присоединять строку - насколько сложно? javascript_pupil Общие вопросы Javascript 3 04.01.2011 22:25