Перейти к содержимому


Сворачивание всплывающих напоминаний

напоминания

Сообщений в теме: 48

#1 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 29 Январь 2014 - 09:11

Ситуация, когда всплывающие напоминания перекрывают кнопки управления в режиме просмотра и редактирования записи, например на малых экранах, возникает довольно часто. В итоге, чтобы добраться до кнопок, сотрудники тупо закрывают все напоминания. Код ниже отчасти решает эту проблему.
Выглядит это следующим образом. При открытии страницы напоминания выводятся на экран в штатном режиме. Прикрепленный файл  напоминания_1.png   98,1К   154 Количество загрузок:
Через 3 секунды слой с напоминаниями сдвигается вправо, оставляя на экране небольшой выступающий левый край. Рабочая зона с кнопками или таблицами становится доступной. Прикрепленный файл  напоминания_2.png   59,45К   165 Количество загрузок:
При наведении мышью на скрытый слой напоминания всплывают и прячутся повторно при удалении указателя.
Кроме того в слое добавлена вертикальная прокрутка, которая позволяет просмотреть все напоминания на экране.
В подключаемый javascript файл:
// ============================ НАПОМИНАНИЯ ==========================
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);
  });
});
В подключаемый css-файл:
/*Изменение способа вывода напоминаний */
#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

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#2 frandy

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 30 Январь 2014 - 12:10

Очень нужная функция. К сожалению знаний маловато. А можно подробней - куда вставлять данный код

#3 CbCoder

    Активный участник

  • Программист ООО "КБ"
  • PipPipPip
  • 8 504 сообщений
  • Пол:Мужчина
  • Город:Казань

Отправлено 31 Январь 2014 - 12:06

Мы планируем встроить этот функционал в этом или несколько измененном виде в следующую версию. Как всегда, спасибо andibragу за творческий вклад в развитие КБ.

#4 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 03 Февраль 2014 - 12:45

Просмотр сообщенияCbCoder (31 Январь 2014 - 12:06) писал:

Мы планируем встроить этот функционал в этом или несколько измененном виде в следующую версию.
Можно дополнить следующим моментом. Когда напоминания свернуты, новое окно с уведомлением появляется в развернутом виде, а потом убегает вправо аналогично собратьям. Это вполне реализуемо, просто решил, что и так сойдет.

Просмотр сообщенияfrandy (30 Январь 2014 - 12:10) писал:

А можно подробней - куда вставлять данный код
Создайте файл functions_custom.php. Добавьте в него следующую строку:
<?php
$ADDITIONAL_JAVASCRIPT_INCLUDE .= "<script type='text/javascript' src='cb_modules/my_script.js'></script>";
?>
Этим Вы подключили свой javascript-файл, в который можете прописывать любой код. Он будет действовать для всех страниц КБ.
Сохраните его в папке cb/include.
Далее создайте папку в корне программы (cb), например, cb_modules, куда будете укладывать все свои файлы. Создайте файл my_script.js, в него поместите код javascript из первого поста, сохраните в этой папке. Далее нужно создать еще один файл, например alt.css, в него поместить 2-ю часть кода из первого поста. Сохранить в той же папке. Укажите путь к нему в режиме настройки в разделе Лого и цвета. Не нашел информации в документации, даю ссылку из демо версии КБ Внизу страницы есть поле Путь к файлу стилей.
Если нигде не ошиблись - все должно работать.

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#5 frandy

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 03 Февраль 2014 - 13:10

Спасибо! Ушел разбираться

#6 frandy

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 03 Февраль 2014 - 16:23

Спасибо огромное - все получилось!!!! Лишь поправка:
файл - functions_custom.php
папка - cb/include (без s)

#7 Игорь Борисович

    Участник

  • Пользователи
  • PipPip
  • 29 сообщений
  • Пол:Мужчина

Отправлено 08 Февраль 2014 - 23:26

Не полностью заработал функционал: через 3 секунды слой скрывается, но при наведении мыши так и остается скрытым.
Версия КБ 1.9.9. ревизия 11389 (последняя) от 2014-02-06, браузер Google Chrome Версия 32.0.1700.107 m (последняя)

#8 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 10 Февраль 2014 - 11:03

Просмотр сообщенияtibspb (08 Февраль 2014 - 23:26) писал:

Не полностью заработал функционал: через 3 секунды слой скрывается, но при наведении мыши так и остается скрытым.
Версия КБ 1.9.9. ревизия 11389 (последняя) от 2014-02-06, браузер Google Chrome Версия 32.0.1700.107 m (последняя)
Проверьте панель отладки на наличие ошибок (клавиша F12).

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#9 Александр Пономарев

    Активный участник

  • Пользователи
  • PipPipPip
  • 429 сообщений
  • Пол:Мужчина
  • Город:Таганрог

Отправлено 31 Май 2015 - 23:27

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

#10 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 23 Июнь 2015 - 10:03

Доброго дня!
Увидела эту тему, очень интересной показалась) но у меня также не выходят обратно напоминания..((
Нажала на F12, что тут нужно смотреть? Как понять что за ошибка?

#11 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 24 Июнь 2015 - 00:29

Просмотр сообщенияDinara (23 Июнь 2015 - 10:03) писал:

Доброго дня!
Увидела эту тему, очень интересной показалась) но у меня также не выходят обратно напоминания..((
Нажала на F12, что тут нужно смотреть? Как понять что за ошибка?
Какой браузер у Вас? Посмотрите наличие ошибок в панели. Если не можете понять - уточните, что видите.

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#12 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 24 Июнь 2015 - 09:21

и в хроме и в мозиле пробовала, вот что вижу:
1. хром http://take.ms/sFAtT

и там еще куча полей,которые можно открыть http://take.ms/Cgti4
2. мозила http://take.ms/B8k7G
Полный код того,что в мозиле:
(function(e){var t=2;var n=(document.location.protocol=="https:"?"https://":"http://")+"bitrix.info/bx_stat";var o={host:null,aid:null};var r=u(o);var a=v();var i=l();e._baq=e._baq||{};e._baq.setResponse=function(e){var t=h("BX_USER_ID");if(t==undefined&&!!e.uid){var n=new Date((new Date).getTime()+1e3*3600*24*365*10);document.cookie="BX_USER_ID="+e.uid+"; path=/; expires="+n.toUTCString()}};if(p()){if(a.domContentLoadedEventStart>0){c()}else if(document.addEventListener){document.addEventListener("DOMContentLoaded",c,false)}}function c(){if("withCredentials"in i){s()}else{d()}}function d(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src=n+"?"+f();var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}function s(){i.open("POST",n,true);i.setRequestHeader("Content-Type","application/x-www-form-urlencoded");i.withCredentials=true;i.onreadystatechange=function(){if(i.readyState==4&&i.status==200){var t=JSON.parse(this.responseText);e._baq.setResponse(t)}};i.send(f())}function u(t){if(!e._ba){return""}var n="";for(var o=0;o<e._ba.length;o++){var r=e._ba[o];if(typeof t[r[0]]!=="undefined"){t[r[0]]=r[1]}else if(typeof r[1]==="function"){n+="&"+r[0]+"="+encodeURIComponent(r[1]())}else{n+="&"+r[0]+"="+encodeURIComponent(r[1])}}return n}function f(){var n=a.navigationStart;return"d="+encodeURIComponent(e.location.host)+"&ru="+encodeURIComponent(e.location.pathname)+"&dns="+(a.domainLookupEnd-a.domainLookupStart)+"&tcp="+(a.connectEnd-a.connectStart)+"&srt="+(a.responseStart-a.requestStart)+"&pdt="+(a.responseEnd-a.responseStart)+"&rrt="+(a.fetchStart-n)+"&dit="+(a.domInteractive-n)+"&clt="+(a.domContentLoadedEventStart-n)+"&sr="+e.screen.width+"x"+e.screen.height+"&prc="+(a.domInteractive-a.domLoading)+"&com="+(e.frameRequestStart?"1":"0")+"&tmz="+(new Date).getTimezoneOffset()+"&xts="+(new Date).getTime()+"&ver="+t+"&aid="+encodeURIComponent(o.aid)+r}function p(){return i&&a&&m(o.host)&&o.aid!==null&&!(e.BX&&e.BX.admin)}function m(t){if(t===null||e.location.host===t){return true}var n=e.document.createElement("a");n.href="//"+t;return e.location.host===n.host||t===n.host}function l(){if(e.XMLHttpRequest){return new XMLHttpRequest}else if(e.ActiveXObject){return new e.ActiveXObject("Microsoft.XMLHTTP")}return null}function v(){if(e.performance&&e.performance.timing){return e.performance.timing}return null}function h(e){var t=document.cookie.match(new RegExp("(?:^|; )"+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return t?decodeURIComponent(t[1]):undefined}})(window);

Сообщение отредактировал Dinara: 24 Июнь 2015 - 09:28


#13 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 26 Июнь 2015 - 13:38

Есть кто здесь?)

#14 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 28 Июнь 2015 - 01:04

У Вас что-то подключено дополнительное? Какая-то программа, которая контролирует содержимое браузеров? Например, рекламу, баннеры, ссылки или нечто подобное?

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#15 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 29 Июнь 2015 - 10:25

Просмотр сообщенияandibrag (28 Июнь 2015 - 01:04) писал:

У Вас что-то подключено дополнительное? Какая-то программа, которая контролирует содержимое браузеров? Например, рекламу, баннеры, ссылки или нечто подобное?
В хроме-да, AdBlock, отключила-не помогло, в мозиле ничего не подключено, тот же результат(

#16 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 29 Июнь 2015 - 16:51

Просмотр сообщенияDinara (29 Июнь 2015 - 10:25) писал:

В хроме-да, AdBlock, отключила-не помогло, в мозиле ничего не подключено, тот же результат(
Доступ получить возможно?

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#17 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 30 Июнь 2015 - 10:00

Просмотр сообщенияandibrag (29 Июнь 2015 - 16:51) писал:

Доступ получить возможно?
Нет, рабочая программа,нельзя( Видимо без этой фишки все-таки придется,да? Очень жаль,суперская вещь!

#18 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 300 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 01 Июль 2015 - 00:51

Просмотр сообщенияDinara (29 Июнь 2015 - 10:25) писал:

В хроме-да, AdBlock, отключила-не помогло, в мозиле ничего не подключено, тот же результат(
Судя по ошибке к КБ подключен 2gis. Возможно конфликтует, каким-то образом или ошибка не дает запустить дальнейшую отработку javascript.
Код сам по себе элементарный. В нем ломаться особо нечему.
1,5 года прошло с момента появления темы, но код так и не внедрили, к сожалению.

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#19 Dinara

    Активный участник

  • Пользователи
  • PipPipPip
  • 527 сообщений
  • Пол:Женщина
  • Город:Уфа

Отправлено 01 Июль 2015 - 10:05

Просмотр сообщенияandibrag (01 Июль 2015 - 00:51) писал:

Судя по ошибке к КБ подключен 2gis. Возможно конфликтует, каким-то образом или ошибка не дает запустить дальнейшую отработку javascript.
Код сам по себе элементарный. В нем ломаться особо нечему.
1,5 года прошло с момента появления темы, но код так и не внедрили, к сожалению.
Очень жаль,что такие замечательные решения проходят мимо!а ведь сколько удобства для пользователей!
Те ошибки с дубль гисом убрала, но у нас в самой системе есть связь с ним,кстати, что-то типа парсера, наверное поэтому конфликт создается...

#20 bottrop

    Активный участник

  • Пользователи
  • PipPipPip
  • 153 сообщений
  • Пол:Мужчина
  • Город:Армавир

Отправлено 25 Июль 2015 - 14:30

Просмотр сообщенияandibrag (01 Июль 2015 - 00:51) писал:

Судя по ошибке к КБ подключен 2gis. Возможно конфликтует, каким-то образом или ошибка не дает запустить дальнейшую отработку javascript. Код сам по себе элементарный. В нем ломаться особо нечему. 1,5 года прошло с момента появления темы, но код так и не внедрили, к сожалению.

E меня такая же проблема, Напоминания задвигаются через 3 секунды, но при наведении не выходят. Ошибка заключается в подключении КБ к 2Gis. По нажатию на F12 никаких ошибок не показывает, либо я не туда смотрю. Помогите, функция крайне полезная!!!





Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных