Выглядит это следующим образом. При открытии страницы напоминания выводятся на экран в штатном режиме.

Через 3 секунды слой с напоминаниями сдвигается вправо, оставляя на экране небольшой выступающий левый край. Рабочая зона с кнопками или таблицами становится доступной.

При наведении мышью на скрытый слой напоминания всплывают и прячутся повторно при удалении указателя.
Кроме того в слое добавлена вертикальная прокрутка, которая позволяет просмотреть все напоминания на экране.
В подключаемый javascript файл:
// ============================ НАПОМИНАНИЯ ==========================В подключаемый css-файл:
var timeoutId,timeoutId_2;
function hide_event(){
$("#event_tooltip").animate({right:"-280px"},300); // настройте оптимальную видимость слоя изменением значения right
}
timeoutId = setTimeout(hide_event,5000);
//clearTimeout(timeoutId);
$(document).ready(function(){
$("#event_tooltip").mouseout(function(){
$("#event_tooltip").stop();
$("#event_tooltip").clearQueue();
timeoutId_2 = setTimeout(hide_event, 100);
});
$("#event_tooltip").mouseover(function(){
$("#event_tooltip").stop();
$("#event_tooltip").clearQueue();
$("#event_tooltip").animate({right:"0px"},300);
clearTimeout(timeoutId_2);
clearTimeout(timeoutId);
});
});
/*Изменение способа вывода напоминаний */
#event_tooltip {
position: fixed;
top: 150px; /* регулирует расположение слоя относительно верха окна браузера */
padding: 10px;
overflow-y: auto;
}
#event_tooltip:empty {
bottom: inherit;
}
div.event_bubble {
border: grey 1px solid;
}
Разработчикам.
Столкнулся с ограничением единовременного вывода напоминаний. Лимит 6 шт. Если одновременно сработало больше этого количества - они просто не отображаются. При этом popup получает значение 1. Удивило, что это касается даже сообщений из чата. В итоге они теряются. Просматривать каждый раз всплывающие окно с сообщениями или напоминаниями абсолютно не удобно. Можно снять это ограничение или сделать его настраиваемым?
Сообщение отредактировал andibrag: 01 Июнь 2016 - 12:20