С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/9: Рейтинг темы: голосов - 9, средняя оценка - 4.56
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762

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

01.05.2014, 21:59. Показов 1783. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru