Перетаскивание элементов DOM

@Deert · Регистрация: 27.11.2011

Студворк — интернет-сервис помощи студентам

Всем привет. Нашел статью про перетаскивание элементов по странице - http://javascript.ru/ui/draganddrop . Но внедрить не могу, помогите

@Freeden · 28.06.2012, 23:39

На javascript.ru ко многим примерам, и ваш в том числе, для работы нужно подключать библиотеку scriptjava, ну или функции из библиотеки перенести непосредственно в скрипт.

@Deert · 29.06.2012, 10:41 **[ТС]**

Ну помоги мне реализовать это.

@Freeden · 29.06.2012, 13:58

Если помощь заключается "напишите скрипт", то вы не в тот раздел написали. Да и что толку, получите вы готовый скрипт, но не будете знать принцип действия, логику и прочее.
Если же вы только изучаете JS т и решили потренироваться, то javascript.ru это не лучший способ исполнения кода (очень глупо подключать целую библиотеку, чтобы написать один drag&drop).
Вот вариант помощи от меня: откройте Д.Флэнаган "Javascript.Подробное руководство" 5-е издание, глава 17.4.2 стр.437 там все разжевано: как работает drag скрипт, сам скрипт (уже написанный), и как все это запускать в документе.

@GuardCat · 29.06.2012, 23:01

Сообщение от Freeden

На javascript.ru ко многим примерам, и ваш в том числе, для работы нужно подключать библиотеку scriptjava, ну или функции из библиотеки перенести непосредственно в скрипт.

Враки. Не вводите человека в заблуждение. Эту посредственную библиотеку не рекомендуют на серьёзных сайтах, в том числе на javascript.ru

@newJS · 30.06.2012, 06:48

Сообщение от Deert

Нашел статью про перетаскивание элементов по странице

Да этого добра хватает, только нужно не хватать перво попавшееся, а посмотреть побольше разных ссылок и найти на чистом js.

@Deert · 30.06.2012, 14:20 **[ТС]**

Я сделал перетаскивание. Мне как-то kalabuni приводил пример, и перетаскивание я от-туда "выпелил", но ошибка вылазивает. Окно появляеться, захватываю окно кликом, и окно реско уходит в лево, апотом, при повторном захвате окно можно таскать. Так вот как можно избежать этого резкого ухода.

@Freeden · 30.06.2012, 14:26

GuardCat, upps, действительно в этой статье они определили уже все функции в скрипте. Просто часто там попадала на статьи и примеры, где написано event = fixEvent(event) , а сама ф-ция fixEvent и еще пару ф-ций были созданы во внешнем lib.js (сорри не в scriptjava.js).
В любом случае, мое мнение - JS надо учить в "чистом" виде.

@Deert · 05.07.2012, 10:47 **[ТС]**

Так вы мне поможете???

Добавлено через 20 часов 20 минут

Сообщение от Deert

Я сделал перетаскивание. Мне как-то kalabuni приводил пример, и перетаскивание я от-туда "выпелил", но ошибка вылазивает. Окно появляеться, захватываю окно кликом, и окно реско уходит в лево, апотом, при повторном захвате окно можно таскать. Так вот как можно избежать этого резкого ухода.

Так вы поможете или нет???? мне реальная помощь нужна.

@newJS · 05.07.2012, 20:04

Я таки не пойму, что надо, ты не можешь скрипт найти рабочий? или не можешь подключить готовый скрипт?

@GuardCat · 05.07.2012, 20:15

Freeden, там, если все уроки пройти, ты к этому уроку, как раз сам напишешь и Events.js и многое другое ещё.

@Soldado · 05.07.2012, 20:32

Если всё-же решите использовать jQuery, то вот Вам код этой страницы (больше ничего не нужно):

HTML5
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
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Перетаскивание:</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(init);
function init(){
  $("#myblock").draggable();
}   
</script>
<style>
#myblock
{
background-color: #0f7116;
width: 220px;
height: 170px;
color:#ffffff;
}
</style>
</head>
<body  >
    <div id="myblock">Перетащи меня</div>
  
</body>
</html>

@kalabuni · 05.07.2012, 22:31

newJS, тут случай совсем иной - товарищ просто не умеет без ошибок переписывать.

Он взял действующий код, чуть-чуть переделал имена переменных.
Но при "переделывании" пропустил пару операторов.

Вот он и просит всех найти его ошибку - сам он это сделать не в состоянии.

@newJS · 06.07.2012, 20:47

Сообщение от kalabuni

товарищ просто не умеет без ошибок переписывать.

Архив взял, посмотрю.
О срыве курсора знаю, об этом тоже в гуле пишут, а также есть и готовые скрипты размером меньше кила, там всего три мелких функции, первая определяет элемент и отдает второй, которая собственно тянет, ну и третья при отпускании сброс делает.
Не пойму за каким лешим сюда цеплять несколько десятков килобайт мусора, который по недоразумению библиотекой называют.

Добавлено через 1 час 0 минут
kalabuni, а в архиве действительно ошибка, пять браузеров ведут себя одинаково.

Если цепляться к терминам, то окошко не модальное. (это чтобы народ не путал грешное с праведным)

Добавлено через 12 часов 53 минуты
kalabuni, и не работает в осле при наличии скрола.

@Deert · 07.07.2012, 04:14 **[ТС]**

newJS, я просил только мне помочь а не довать советы. мне нужно неиправность устранить помогите

Добавлено через 3 минуты
kalabuni, нутк помоги мне я же твой код взял.

@kalabuni · 07.07.2012, 04:30

Deert, тыкать не надо.
Тем более, если хотите, чтобы вам помогли.
И я уже один раз вам об этом здесь писал.

С первого раза не понимаете?
Значит, и в Javascript'e никогда и ничего не поймёте.
Невежам и невеждам этот язык не поддаётся.

@Deert · 07.07.2012, 21:26 **[ТС]**

ну ктонибудь кроме kalabuni поможет???

@newJS · 08.07.2012, 07:13

Попробуй это.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57

	Перетаскивание элементов DOM 28.06.2012, 19:59. Показов 4762. Ответов 17 Метки нет (Все метки) Всем привет. Нашел статью про перетаскивание элементов по странице - http://javascript.ru/ui/draganddrop . Но внедрить не могу, помогите 0

@Freeden 107 / 104 / 34 Регистрация: 25.04.2012 Сообщений: 242
	28.06.2012, 23:39
	На javascript.ru ко многим примерам, и ваш в том числе, для работы нужно подключать библиотеку scriptjava, ну или функции из библиотеки перенести непосредственно в скрипт. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	29.06.2012, 10:41 [ТС]
	Ну помоги мне реализовать это. 0

@Freeden 107 / 104 / 34 Регистрация: 25.04.2012 Сообщений: 242
	29.06.2012, 13:58
	Если помощь заключается "напишите скрипт", то вы не в тот раздел написали. Да и что толку, получите вы готовый скрипт, но не будете знать принцип действия, логику и прочее. Если же вы только изучаете JS т и решили потренироваться, то javascript.ru это не лучший способ исполнения кода (очень глупо подключать целую библиотеку, чтобы написать один drag&drop). Вот вариант помощи от меня: откройте Д.Флэнаган "Javascript.Подробное руководство" 5-е издание, глава 17.4.2 стр.437 там все разжевано: как работает drag скрипт, сам скрипт (уже написанный), и как все это запускать в документе. 0

@Freeden 107 / 104 / 34 Регистрация: 25.04.2012 Сообщений: 242
	30.06.2012, 14:26
	GuardCat, upps, действительно в этой статье они определили уже все функции в скрипте. Просто часто там попадала на статьи и примеры, где написано event = fixEvent(event) , а сама ф-ция fixEvent и еще пару ф-ций были созданы во внешнем lib.js (сорри не в scriptjava.js). В любом случае, мое мнение - JS надо учить в "чистом" виде. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	05.07.2012, 20:04
	Я таки не пойму, что надо, ты не можешь скрипт найти рабочий? или не можешь подключить готовый скрипт? 0

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	05.07.2012, 20:15
	Freeden, там, если все уроки пройти, ты к этому уроку, как раз сам напишешь и Events.js и многое другое ещё. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	05.07.2012, 22:31
	newJS, тут случай совсем иной - товарищ просто не умеет без ошибок переписывать. Он взял действующий код, чуть-чуть переделал имена переменных. Но при "переделывании" пропустил пару операторов. Вот он и просит всех найти его ошибку - сам он это сделать не в состоянии. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	07.07.2012, 04:14 [ТС]
	newJS, я просил только мне помочь а не довать советы. мне нужно неиправность устранить помогите Добавлено через 3 минуты kalabuni, нутк помоги мне я же твой код взял. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	07.07.2012, 04:30
	Deert, тыкать не надо. Тем более, если хотите, чтобы вам помогли. И я уже один раз вам об этом здесь писал. С первого раза не понимаете? Значит, и в Javascript'e никогда и ничего не поймёте. Невежам и невеждам этот язык не поддаётся. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	07.07.2012, 21:26 [ТС]
	ну ктонибудь кроме kalabuni поможет??? 0