15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762

При перетаскивании элементов в ДИВ

01.05.2014, 21:59. Показов 1812. Ответов 15
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать, чтобы при перетаскивании элементов в div#drop он допустим принимал background: blue; ну или что-то вроде. Не путайте. Мне нужно не при наведении, а при перетаскивании в эту область именно.
Что это за метод?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
01.05.2014, 21:59
Ответы с готовыми решениями:

Как скрыть элемент див при клике на другой див?
Есть див с id и у див есть фон с картинкой, мне надо, чтобы при клике на него скрывался другой элемент с дивом и так же с фоном. Как...

Плохое отображение элементов при перетаскивании мышкой
Доброго времени суток! Написал код: bool canMove; Point p; public Form1() { ...

Вывод в див имен из бд и при нажатии вывод в отдельный див дополнительной информации об этом имени
Есть две колонки div в одину(div1) из бд выводиться название зала и день недели, в другую(div2) (изначально не видимо) выводиться...

15
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 22:11
Цитата Сообщение от bb_oo Посмотреть сообщение
Что это за метод?
Наверное всё-таки событие. Если психануть и открыть официальную документацию, можно заметит событие drop, которое, скорее всего и пригодится.
Событие drop происходит, когда draggable-элемент отпускают над областью текущего droppable-элемента (при условии, что данный перетаскиваемый элемент может быть пойман droppable-элементом).
1
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 22:24  [ТС]
хорошо. Ну мне кажется это не то. Как оно взаимодействует с тем, как я описал?

Добавлено через 48 секунд
И если на то пошло. Например я перетягиваю файл из рабочего стола в браузер. Как на него повешать .draggble()??
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 22:42
Цитата Сообщение от bb_oo Посмотреть сообщение
Ну мне кажется это не то.
Как я понял, так и дал ответ. Вот пример работы, связанный с событие drop:
JavaScript
1
2
3
4
5
6
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    drop: function(e, ui) {
        $( e.target ).css('background-color', 'blue');
    }
});
Оно или нет - решать вам.
Цитата Сообщение от bb_oo Посмотреть сообщение
Например я перетягиваю файл
Почему бы сразу не указать это в вопросе? Читайте статейку Встроенные функции перетаскивания в HTML5.

Добавлено через 5 минут
P.S. Вот, кстати, статья, где есть уже готовое решение по вашей задаче.
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 23:14  [ТС]
блин. сейчас еще и алерт перестал выводится( да что же это такое то((

Добавлено через 23 минуты
Спасибо огромное! ТО, что нужно!)

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

Добавлено через 5 минут
HELPP)
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 23:30
Цитата Сообщение от bb_oo Посмотреть сообщение
Но а как быть с алертом?
Каким алертом? Или мне надо угадать самому?
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 23:30  [ТС]
JavaScript
1
2
3
4
5
if (fileSizeTotal > 200) {
        alert('Файл должен быть меньше 200мб!'); 
        reader.abort();
        return false;
      };
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 23:37
bb_oo, я к ваши вопросам подхожу как сапёр, который видит перед собой странный предмет, внутри которого что-то ти́кает. Откуда я могу знать, почему у вас этот alert на срабатывает? Может условие fileSizeTotal > 200 не выполняется, может до него вообще дело не доходит. Ошибок в консоли, как обычно, никаких нет?
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 23:40  [ТС]
да) консоли нету)

Странное дело, конечно, но алерт сейчас стал выводится. Почему так происходит я не знаю)))
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 23:42  [ТС]
да) консоли нету)

Странное дело, конечно, но алерт сейчас стал выводится. Почему так происходит я не знаю)))

Добавлено через 1 минуту
а хотя нет) это не тот алерт выскочил)

Добавлено через 31 секунду
Вообщем вот где всё это происходит. И алерт не выводится.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 function updateProgress(evt) {
    if (evt.lengthComputable) {
      var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
      var fileSizeLoaded = evt.loaded/1000000;
      var fileSizeTotal = evt.total/1000000;
      if (fileSizeTotal < 200) {
        return false;
        alert('asd');
      };
       $('.drop').hide();
      $('.go').fadeIn();
      if (percentLoaded < 100) {
        loadingWidth.style.width = percentLoaded + '%';
        loadingPer.textContent = percentLoaded +'%';
        $('#go5').html(fileSizeLoaded.toFixed(0) + '  из  <span>' + fileSizeTotal.toFixed(0) + '</span>мб');
      };
    }
  }
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 23:50
bb_oo, с вами рехнуться можно. Функция updateProgress, насколько я вижу, выполняет проверку и вывод информации о текущем состоянии закачки файла. Причем эта функция вызывается циклически.
Событие происходит при каждом полученном/отправленном байте, но не чаще чем раз в 50мс.
И вы внутри этой функции размещаете проверку на максимальный размер файла. Не наталкивает на странные мысли?
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
01.05.2014, 23:51  [ТС]
ну нигде в другом месте не получается вывести(
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
01.05.2014, 23:55
Цитата Сообщение от bb_oo Посмотреть сообщение
ну нигде в другом месте не получается вывести(
К вас есть или должна быть функция handleFileSelect, если вы не изменили основательно код из этого поста. Она вызывается первой. Так почему бы не делать проверку там?
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
02.05.2014, 00:09  [ТС]
Хм. Вроде бы все ок. Но блин, теперь "война" с переменными. Там, где должно выводится значение переменной пишет "NaN". WTF!?
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
function handleFileSelect(evt) {
 
    reader = new FileReader();
    reader.onerror = errorHandler;
    reader.onprogress = updateProgress;
    reader.onabort = function(e) {
      alert('Файл должен быть меньше 200мб!');
      location.reload();
    };
    var fileSize =  evt.total/1000000;
      var loadedFileSize = event.loaded/1000000;
      if (fileSize > 200) {
        alert('asdasd');
        return false;
      };
    reader.onload = function(e) {
      // Ensure that the progress bar displays 100% at the end.
      loadingWidth.style.width = '100%';
      loadingPer.textContent = '100%';  
 
      $('#go5').html(loadedFileSize.toFixed(0) + '  из  <span>' + fileSize.toFixed(0) + '</span>мб');
    }
 
    // Read in the image file as a binary string.
    reader.readAsBinaryString(evt.target.files[0]);
  }
Добавлено через 3 минуты
Я сделал, так, и все норм. Все ок. Но мне кажется, что что-то не так)
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
function handleFileSelect(evt) {
 
    var fileSize =  evt.total/1000000;
      var loadedFileSize = event.loaded/1000000;
      if (fileSize > 200) {
        alert('asdasd');
        return false;
      };
 
    reader = new FileReader();
    reader.onerror = errorHandler;
    reader.onprogress = updateProgress;
    reader.onabort = function(e) {
      alert('Файл должен быть меньше 200мб!');
      location.reload();
    };
    
    reader.onload = function(e) {
      // Ensure that the progress bar displays 100% at the end.
      loadingWidth.style.width = '100%';
      loadingPer.textContent = '100%';  
      var fileSize =  evt.target.files[0].size/1000000;
      var loadedFileSize = event.loaded/1000000;
      $('#go5').html(loadedFileSize.toFixed(0) + '  из  <span>' + fileSize.toFixed(0) + '</span>мб');
    }
 
    // Read in the image file as a binary string.
    reader.readAsBinaryString(evt.target.files[0]);
  }
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
02.05.2014, 00:13
Цитата Сообщение от bb_oo Посмотреть сообщение
Но мне кажется, что что-то не так)
А у вас бывает по другому? bb_oo, возьмите таймаут на денёк... праздники как никак.
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
02.05.2014, 00:25  [ТС]
ахахаха))) дык вот именно) делать не фиг) сижу за ПК целыми днями)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
02.05.2014, 00:25
Помогаю со студенческими работами здесь

проблема с див-ной версткой, пропадают надписи на сайте, недозакрыты многовложенные див-чики
проблема с div-ной версткой, пропадают надписи на сайте, недозакрыты многоложенные див-чики. веб-страницу и код показать сложно. ...

Как из ДИВ-блоков верстают сайты с двумя и более колонками, ведь по умолчанию ДИВ-блоки располагаются один под другим?
Большинство сайтов имеют боковые колонки (так называемые сайтбары), как их делают с помощью блочной div вёрстки, как эти колонки...

Див прячется под другой див
Ребята такие дела, при добавлении в один див контента, он расширяется автоматически и залазит под другой див. Как это исправить? Как...

Помехи при перетаскивании TImage
нашел такой пример перетаскивания картинок на форме: // берем картинку procedure TGeneral.cardTotch(x, y: integer); begin ...

Подвисание формы при перетаскивании
Добрый день. Есть следующая проблема. Рисую на компоненте ZedGraphControl график из большого числа точек, график во времени не...


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

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Опции темы

Новые блоги и статьи
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru