С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 15.06.2014
Сообщений: 11

Как настроить показ всплывающих сообщений в зависимости от события?

16.06.2014, 18:55. Показов 954. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток друзья. Использую модуль всплывающих сообщений Noty (http://ned.im/noty/). Вернее хочу научиться использовать.

Подключил библиотеки к своей страничке.
Мне предлагают код:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script type="text/javascript"> // NOTY !!!
 
    function generate(type) {
        var n = noty({
            text        : 'ТЕКСТ СООБЩЕНИЯ',
            type        : type,
            dismissQueue: true,
            layout      : 'topRight',
            theme       : 'defaultTheme',
            maxVisible  : 10,
            timeout     : 2500
        });
        console.log('html: ' + n.options.id);
    }
 
    function generateAll() {
        generate('alert');
        generate('information');
        generate('error');
        generate('warning');
        generate('notification');
        generate('success');
    }
 
    $(document).ready(function () {
 
        generateAll();
 
    });
    
});
 
</script>
Который при переходе на страницу показывает мне сообщения и исчезает через 3 секунды.
Я хочу осуществить следующее:
При изменении статьи, а точнее сказать текста (в другом файле), пользователю, у которого открыта эта страничка вылетело уведомление о том, что статья отредактирована.
Только второй день с Java, подскажите пожалуйста как можно осуществить.

Проще говоря:
Меняю статью в admin.php
На index.php динамически вылетает сообщение о том, что статья изменена. Заранее большое спасибо за помощь.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.06.2014, 18:55
Ответы с готовыми решениями:

Xampp. Как настроить показ ошибок?
Всем привет) Установил xampp. Если пишу скрипт правильно(без ошибок) то все робит, если с ошибками, то почему то код ошибок не...

Установка цвета окон всплывающих сообщений
Подскажите пожалуйста, как задать определенный цвет различных элементов диалоговых окон MsgBox (шапки, фона, текста)? Спасибо!

Как настроить показ изображений в статичной странице?
Не пойму что я делаю не так! Мне нужно что бы было как тут там внизу идут 16 картинок как галерея при нажатии на которые они увеличиваются,...

2
 Аватар для mihalken
97 / 97 / 74
Регистрация: 15.05.2014
Сообщений: 269
Записей в блоге: 2
17.06.2014, 11:12
На ум приходит следующий алгоритм:
1. После загрузки страницы, запустить сверку даты обновления статьи на странице и с датой обновления статьи в базе
2. Если есть разница, то вывести сообщение
Что касается реализации, хм... AJAX, setTimeout

Добавлено через 21 минуту
Вот как-то так (грубый вариант):
HTML5
1
2
3
4
5
6
7
<!--
    article - код статьи
    date - дата последнего обновления статьи, на момент загрузки страницы
-->
<div id="article" article="1" date="17.06.2014 01:10">
    Это статья была опубликована здесь <b>17.06.2014 01:10</b>. Это так?
</div>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(function() {
    function generate(type, message_text) {
        var n = noty({
            text        : message_text,
            type        : type,
            dismissQueue: true,
            layout      : 'topRight',
            theme       : 'defaultTheme',
            maxVisible  : 10,
            timeout     : 2500
        });
    }
 
    synch_article = function() {
        var article = $( '#article' ), // получаем статью
            article_id = article.attr('article'), // получаем ее код
            article_date = article.attr('date') // получаем ее дату последнего обновления
        ;
        
        $.ajax({
            url: 'скрипт', // отправляем на проверку 
            method: 'POST', // методом POST
            data: {
                id: article_id, // передаем код
                date: article_date // передаем дату
            },
            success: function( date ){
                // если все верно, то продолжаем сверять
                if( parseInt(date) != 0 ) {
                    // каждую секунду
                    setTimeout(synch_article, 1000); 
                } else {
                    // если статья была изменена, то прерываем проверку и сообщаем пользователю
                    generate('alert', 'article has been changed! please refresh page! thx' );
                }
            }
        });
    }
    
    // после загрузки страницы, запустить сверку каждую секунду
    setTimeout(synch_article, 1000);
});
м?

Добавлено через 4 минуты
Кликните здесь для просмотра всего текста
Что касается скрипта проверки, то приведу простой говнокод на пыхе (для примера):
PHP
1
2
3
4
5
6
7
8
9
10
if( isset($_POST['id']) && isset($_POST['date']) ) {
    $article_id = intval(htmlspecialchars($_POST['id']));
    $article_date = htmlspecialchars($_POST['date']);
 
    if( $article_id == 1 ) {
        $db_article_date = "17.06.2014 01:11"; // дата из базы (найти по коду статьи)
        
        echo $article_date != $db_article_date ? '0' : '1';
    }
}
1
0 / 0 / 0
Регистрация: 15.06.2014
Сообщений: 11
17.06.2014, 12:41  [ТС]
Спасибо большое, интересный подход, буду реализовывать.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.06.2014, 12:41
Помогаю со студенческими работами здесь

Где почитать про создание всплывающих сообщений?
Здравствуйте! Подскажите хоть что-нибудь где можно было бы почитать про то как писать сообщения типа Application-&gt;MessageBox(...),...

Как в richtextbox->Text настроить показ длинной строки?
Как настроить richtextbox-&gt;Text таким образом что бы он показывал очень длинную строку в маленьком окне и не переносил ее в новою строку,...

Как запихнуть события сообщений windows в класс?
Привет всем.К примеру у меня есть сообщение WM_MOUSEMOVE и я хочу написать к нему событие OnMouseMove. Как это делается стандартно: ...

Как настроить форму отправки сообщений?
Есть форма на сайте, не могу настроить, чтобы отправлялись сообщения. Помогите плз) &lt;div class=&quot;wrap&quot;&gt; ...

WTL как Сделать Мультиселект? Пересылка сообщений Обработчик события нажатия клавиши
Hi ALL! Сабж в том, что я ни разу в глаза не видел WTL и вообще не вкурю откуда у него ноги растут! Комрады выручайте! ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru