Не работает js если указываю DOCTYPE

@shtopor20 · Регистрация: 21.05.2010

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

Здравствуйте, нашел на сайте код для drag and drop: Drag and Drop в JavaScript
Но если я указываю доктайп код перестает работать (причем не только доктайп html 5)

@kalabuni · 14.12.2012, 17:25

а без доктайпа где работает?

в MSIE и в Opere?
ведь только они понимают event и pixelLeft с pixelTop...
в других браузерах не пробовали?
-------

скрипт, который вы нашли, выложен здесь в 2009 году
но ему до выкладки лет 5 минимум было
современных скриптов, работающих во всех браузерах и с доктайпом, и без него - море
поищите гуглем https://www.google.ru/search?q... JavaScript

@shtopor20 · 14.12.2012, 18:03 **[ТС]**

Не работает в хроме, а без доктайпа соответственно все супер

Добавлено через 52 секунды
я заменял pixelLeft на left (соответственно убирая px). результат не менялся

Добавлено через 33 минуты
Только что заменил event на кросбраузерную функцию для получения координат. Но всеравно в хроме при добавлении доктайпа все слетает

@newJS · 15.12.2012, 20:35

тоже не вчера написано, но 17я лиса и 6йосел кушают
события можно по разному навесить, каждый вариант со своим хорошо/плохо

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
31
32
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Перетаскиваем элементы.</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<meta name="generator" content="CSE HTML Validator Халявной Версии">
<script type="text/javascript" src="drag3.js"></script>
</head>
 
<body oncontextmenu="return false" onselectstart="return false">
 
<br><br><br><br><br>
<div>При отсутствии картинки можно её контур показывать рамкой, и/или использовать АЛЬТ-подсказку, учитывая, что каждый браузер показывает этот текст по своему. Не забываем и про ТИТЛЕ-подсказку. Обязательно указываем оба размера каждой картинки.</div>
 
<img id="NoDnD_el" src="dnd_pic/a0.gif" alt="" style="position:absolute; top:200px; left:50px; cursor:default;" width="80" height="80" border="1">
 
<img id="DnD_el0" src="dnd_pic/i0.gif" alt="1я подсказочка" title="2я подсказочка" style="position:absolute; top:300px; left:50px; cursor:move;" width="80" height="80" border="1">
 
<img id="DnD_el1" src="dnd_pic/m0.gif" alt="2я" style="position:absolute; top:300px; left:150px; cursor:move;" width="80" height="80">
 
<img id="DnD_el2" src="dnd_pic/g0.gif" alt="3я" style="position:absolute; top:300px; left:250px; cursor:move;" width="80" height="80" border="1">
 
<div id="DnD_el3" style="position:absolute; top:300px; left:550px; cursor:move; background:blue; color:white; padding:5px;">просто текст, берём,<br>и тоже тащим</div>
 
<div id="DnD_el4" style="position:absolute; top:200px; left:150px; cursor:move; padding:5px;">голый текст, берём,<br>и тоже тащим</div>
 
<div id="mnb" style="color:red; font-size:150%; font-weight:bold;">0</div>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
</body>
</html>

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
30
31
32
33
34
//zIn=?? количество элементов подлежащих перетаскиванию, это число нужно, чтобы перетаскиваемый элемент всегда был выше остальных. Если в этом нет надобности, можно удалить. При необходимости можно и скриптом посчитать.
var elY, elX, obj, zIn=5;
document.onmousedown=mDown;
document.onmouseup=mUp;
 
function mDown(ev){
if(ev){//остальные
obj=ev.target;//получить объект элемента который "взяли"
//если у элемента есть ИД с таким префиксом
if(obj.id.indexOf("DnD_el")==0){
document.onmousemove=mMove;
elX=ev.clientX-parseInt(obj.style.left);
elY=ev.clientY-parseInt(obj.style.top);}}
else{//IE
obj=event.srcElement;
if(obj.id.indexOf("DnD_el")==0){
document.onmousemove=mMove;
elY=event.offsetY;
elX=event.offsetX;}};
obj.style.zIndex=zIn++;
return false;
 };//
//
function mMove(ev){
var y, x;
if(ev){x=parseInt(ev.clientX); y=parseInt(ev.clientY);}//остальные
else{x=event.clientX; y=event.clientY;};//ИЕ
obj.style.left=x-elX+"px";
obj.style.top=y-elY+"px";
document.getElementById("mnb").innerHTML=(y-elY)+' '+(x-elX);
return false;
 };//
//
function mUp(){document.onmousemove=null;};

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки 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 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@shtopor20 47 / 36 / 0 Регистрация: 21.05.2010 Сообщений: 301

	Не работает js если указываю DOCTYPE 14.12.2012, 16:46. Показов 1267. Ответов 3 Метки нет (Все метки) Здравствуйте, нашел на сайте код для drag and drop: Drag and Drop в JavaScript Но если я указываю доктайп код перестает работать (причем не только доктайп html 5) 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	14.12.2012, 17:25
	а без доктайпа где работает? в MSIE и в Opere? ведь только они понимают event и pixelLeft с pixelTop... в других браузерах не пробовали? ------- скрипт, который вы нашли, выложен здесь в 2009 году но ему до выкладки лет 5 минимум было современных скриптов, работающих во всех браузерах и с доктайпом, и без него - море поищите гуглем https://www.google.ru/search?q... JavaScript 0

@shtopor20 47 / 36 / 0 Регистрация: 21.05.2010 Сообщений: 301
	14.12.2012, 18:03 [ТС]
	Не работает в хроме, а без доктайпа соответственно все супер Добавлено через 52 секунды я заменял pixelLeft на left (соответственно убирая px). результат не менялся Добавлено через 33 минуты Только что заменил event на кросбраузерную функцию для получения координат. Но всеравно в хроме при добавлении доктайпа все слетает 0