Как удалить класс?
Есть замечательная статья про всплывающие сообщения.
https://itchief.ru/javascript/popup-messages Всё работает, но есть одно НО. Не понимаю как скрыть из JS выведенное сообщение. Автор пишет, что надо удалить класс toast_show. Пробовал: toast-container.classList.remove("toast_show"); Toast.classList.remove("toast_show"); Что-то не работает. |
popup toast hide show
workpage,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <link href="https://itchief.ru/examples/libs/toast/toast.min.css" rel="stylesheet"> <script src="https://itchief.ru/examples/libs/toast/toast.min.js"></script> </head> <body> <script> let toast = new Toast({ title: 'Заголовок', text: 'Сообщение...', theme: 'dark' }); window.setTimeout(() => toast._hide(), 3000) window.setTimeout(() => toast._show(), 7000) </script> </body> </html> |
Спасибо за быстрый ответ.
Подскажите, как заставить заработать такую конструкцию? <!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <link href="https://itchief.ru/examples/libs/toast/toast.min.css" rel="stylesheet"> <script src="https://itchief.ru/examples/libs/toast/toast.min.js"></script> </head> <body> <script> var a=1; if (a==1) { let toast = new Toast({ title: 'Заголовок', text: 'Сообщение...', theme: 'dark'}); } toast._hide(); </script> </body> </html> Браузер ругается: toast is not defined |
Цитата:
Цитата:
let toast, a = 1; if (a == 1) { toast = new Toast({ title: 'Заголовок', text: 'Сообщение...', theme: 'dark' }); } if(toast) toast._hide(); Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
workpage,
let toast = new Toast({ title: 'Заголовок', text: 'Сообщение...', theme: 'dark', interval: 1, autohide: true }); делает тоже самое, что код в #4 |
Часовой пояс GMT +3, время: 14:58. |