Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Подсветка элемента вставки UI draggable

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
3d_killer
Отправлено: 20 Мая, 2016 - 20:15:19
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Не могу решить вопрос, решил использовать UI draggable при перетаскивании событий в самопальном календаре, но не могу понять как можно подсвечивать ячейки сетки где находится в данный момент курсор при перетаскивании, а при бросании получить ту самую ячейку где бросили.
 
My status
 Top
3d_killer
Отправлено: 20 Мая, 2016 - 20:15:42
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
скрин
(Добавление)
сами события состоят из дивов с абсолютной позицией которые не находятся в таблице и расставляются после загрузки таблицы
(Добавление)
а ну собственно хоть что то из кода
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('.sob').draggable({
  3.                 containment: '.calendar_container',
  4.                 over: function() {
  5.                 $('.san').css('background','#666');
  6.                        
  7.                         },
  8.                 tolerance: "pointer",
  9.                 revert: true,
  10.                 zIndex:5
  11. });
  12.  

(Добавление)
дивы с классом .sob
(Добавление)
CODE (javascript):
скопировать код в буфер обмена
  1.  $('.san').css('background','#666');
  2.                        
  3.                         }

это я уже мудрил, описания не нашел
(Добавление)
все разобрался сам
Прикреплено изображение (Нажмите для увеличения)
2016-05-20_10-59-14.png
 
My status
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 00:55:15
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
не все же есть вопрос, когда перетаскиваемый элемент большой то непонятно чем он метит в контейнер, то ли серединой то ли мышкой совершенно не понятно
 
My status
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 01:04:25
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Вот как то так не понятно как решить весь инет перерыл в поисках похожей ситуации
Прикреплено изображение (Нажмите для увеличения)
Календарь.png
 
My status
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 13:13:40
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
в данный момент код такой
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function drag(){
  3. $('.calendar_table td').each(function() {
  4.         $(this).droppable({
  5.                 over: function(event, ui) {$(this).addClass('select_td');},
  6.                 out: function(event, ui) {$(this).removeClass('select_td');
  7.                 },
  8.                 drop: function(event, ui) {
  9.                         $(this).removeClass('select_td');
  10.                                 console.log($(this).data('day'));
  11.                                 console.log($(this).parent("tr").data('minute'));
  12.                                 console.log($(this).parent("tr").data('hour'));
  13.                                 console.log(ui.draggable.data('id'));
  14.                                 }});
  15.     });
  16. $('.sob').draggable({
  17.                 //containment: '.calendar_container',
  18.                 helper:'clone',
  19.                 opacity:0.55,
  20.                 tolerance: "touch",
  21.                 revert: true,
  22.                 zIndex:5,
  23.                 stack: ".draggable",
  24. });}
  25.  
 
My status
 Top
Viper
Отправлено: 21 Мая, 2016 - 14:35:33
Post Id



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


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
Вижу очередное изобретение велосипеда и тихо смеюсь Улыбка


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 15:16:15
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
в чем тут изобретение? использую плагин Jquery, что он не для этого предназначен?
это я просто показывал область для отладки
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.  drop: function(event, ui) {
  3.                         $(this).removeClass('select_td');
  4.                                 console.log($(this).data('day'));
  5.                                 console.log($(this).parent("tr").data('minute'));
  6.                                 console.log($(this).parent("tr").data('hour'));
  7.                                 console.log(ui.draggable.data('id'));
  8.                                 }});
  9.  

в итоге код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function drag(){
  3. $('.calendar_table td').each(function() {
  4.         $(this).droppable({
  5.                 over: function(event, ui) {$(this).addClass('select_td');},
  6.                 out: function(event, ui) {$(this).removeClass('select_td');
  7.                 }});
  8.     });
  9. $('.sob').draggable({
  10.                 //containment: '.calendar_container',
  11.                 helper:'clone',
  12.                 opacity:0.55,
  13.                 tolerance: "touch",
  14.                 revert: true,
  15.                 zIndex:5,
  16.                 stack: ".draggable",
  17. });}
  18.  

И где велосипед? все по мануалу
(Добавление)
единственное что у меня не сходится это перетаскиваемая область больше области приемника и тут просто не могу разобраться как выбирать область по мышке а не посередине перетаскиваемого объекта
(Добавление)
а то как что то расставляется, ну велосипед да из 20 строк кода, в чем проблема?
 
My status
 Top
armancho7777777 Супермодератор
Отправлено: 21 Мая, 2016 - 17:11:48
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
 
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 17:42:04
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
этот календарь я изначально рассматривал, но не нашел в нем типов событий
http://fullcalendar[dot]io
типо чтобы разными цветами подсветить разные события
 
My status
 Top
3d_killer
Отправлено: 21 Мая, 2016 - 23:47:08
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
почитал документацию, попробовал, этот мне подходит, демо у него убогое, но все там адаптируемо, спасибо за наводку
 
My status
 Top
armancho7777777 Супермодератор
Отправлено: 28 Мая, 2016 - 15:09:19
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
 
 Top
3d_killer
Отправлено: 28 Мая, 2016 - 17:52:33
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
спасибо я уже на fullcalendar сделал все и сдал
 
My status
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB