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

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

16.06.2014, 18:55. Показов 971. Ответов 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
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru