Как сделать нотификации на js?

Question

[Артем Гвоздев]

Как сделать нотификацию, о том, что какой-то процеcс прошел успешно на js? нужно через alert?

Comments

[Шохрух Шаймардонов]

Вам нужна логика вызова уведомления или каким образом выводить его?

[Rustam Bainazarov]

Как угодно. Это больше вопрос UX/UI, чем JS.

Answer 1

[Сергей Котов]

callback функция? типа если удален товар то через метод success выводите html блок alert итд?

Comments

[Артем Гвоздев]

да, что-то типа такого
я реализовал через скриптик копирование ссылки в буфер, вот так

<script type="text/javascript">
(function(){
new ClipboardJS('.btn');
})();
$('.btn').click(function()
{
alert('Cсылка успешно скопирована в буфер обмена.');
}
);
</script>

Там есть alert, мне его так сказать нужно сейчас оформить, как это можно сделать?

[Сергей Котов]

Артем Гвоздев, создаёте зарание блок. Например

<div class="message">Cсылка успешно скопирована в буфер обмена!</div>

Через css оформляете и скрываете его. Рекомендую transform:scale(0); и opacity:0;

div.message {
position:absolote;
top:100px;
text-align:center;
transition:0.5s;
color:white;
padding:10px;
background-color:lime;
transform:scale(0);
opacity:0;
}

затем добавдяете класс при клике например active.

$('.btn').click(function(){
 $(".message").addClass("active");
setTimeout(function () {
     $(".message").removeClass("active");
}, 2000);
});

div.message.active{
transform:scale(1);
opacity:1;
}