PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Не срабатывает elem.style.left при первом использовании элемента

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

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

Без описания

Поиск в теме | Версия для печати

Romeo4755	Отправлено: 16 Апреля, 2016 - 18:08:12
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Окт. 2015 Помог: 0 раз(а)	Здравствуйте. Есть элемент: CODE (html): скопировать код в буфер обмена <button type="button" draggable="true" class="wordbutton" id="textlin11" ondragstart="startdraging(this.id)" ondragend="newposition(this.id)" ondrag="beingdragged (this.id)">текст My big text</button> При первом ondragstart позиция элемента (elem.style.left или elem.style.top) - пуста, вообще ничего alert не пишет. Если отпустить элемент и снова начать его тащить - все нормально. Если выбирать и таскать другие элементы, а потом вернуться к заданному - тоже все нормально. Но после загрузки страницы, когда в первый раз пытаешься тащить - координаты элемента через elem.style не определяются. Алерт показывает, что сам элемент определяется правильно. Пробую в разных браузерах. Что такое? Вот начало обработчик (стандартный) (поправка, чтобы элемент таскался за то место, за которое его взяли, а не за угол): CODE (javascript): скопировать код в буфер обмена function startdraging (elemId) { var elem = document.getElementById(elemId); var event = event \|\| window.event; var inncurX = event.clientX; var inntim = parseInt (elem.style.left); //alert (elem.style.left); if (!isNaN(inntim)) {popravka_drag_X = inncurX - inntim;} else {popravka_drag_X = 0;} var inncurY = event.clientY; var inntim = parseInt (elem.style.top); if (!isNaN(inntim)) {popravka_drag_Y = inncurY - inntim;} else {popravka_drag_Y= 0;} } (Отредактировано автором: 16 Апреля, 2016 - 18:09:17)

Pinkya_rabbit	Отправлено: 16 Апреля, 2016 - 21:17:37
Новичок Покинул форум Сообщений всего: 17 Дата рег-ции: Апр. 2016 Откуда: Minsk перебираюсь в Питер Помог: 1 раз(а)	Ну давайте размышлять логически. Свойства к элементу у вас прикрепляются, стало быть функция на него срабатывает. Почему может не срабатывать свойство left изначально. Согласно w3c этим свойством обладают все элементы, которые позиционированы как relative, absolute, или fixed. попробуйте ему в стилях его позиционировать. Например position:relative (Отредактировано автором: 16 Апреля, 2016 - 21:18:57)

Romeo4755	Отправлено: 16 Апреля, 2016 - 23:29:08
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Окт. 2015 Помог: 0 раз(а)	Мда. Логически рассуждать тут у меня не получается. Действительно, свойство left не должно отсутствовать. В стилях стоит absolute, замена на relative дела не меняет. Однако! После того, как панелям назначили места, отличные от указанного в стилях, проблема пропала. В стиле: CODE (html): скопировать код в буфер обмена .wordpanel { position: absolute; top: 150px; left: 55px; z-index: 5; } В JS при начальной расстановке панелей: CODE (javascript): скопировать код в буфер обмена document.getElementById("wordpanel"+i).style.top = correctwordvertposition [i] +"px"; document.getElementById("wordpanel"+i).style.left = correctwordhorposition [i] +"px"; Теперь сразу все таскается за нужное место. Причем, если закомментить одну из строчек указанных - соответствующее качество слетит и с первой попытки панелька под курсором будет глючить вертикально или горизонтально при первом перетаскивании.

Pinkya_rabbit	Отправлено: 17 Апреля, 2016 - 02:41:31
Новичок Покинул форум Сообщений всего: 17 Дата рег-ции: Апр. 2016 Откуда: Minsk перебираюсь в Питер Помог: 1 раз(а)	Я почитал ещё и вот что начитал. На том же w3c. Я во многом ещё учусь, многого не понимаю. В общем, если не задать при позиционировании элемента значение позиции, как сделал ты, то тогда, для left значение устанавливается initial. initial - это не значение, заданное браузером, а значение по умолчанию для элемента HTML, определённое в спецификации CSS. Оно не зависит ни от браузера, ни от наследования. значение для параметра left пустое. поэтому ты получал пустоту, если не задать параметры. я конечно нуб =) но мне не стыдно за это. это было интересно столько всего поначитал (Отредактировано автором: 17 Апреля, 2016 - 02:42:14)

Romeo4755	Отправлено: 18 Апреля, 2016 - 15:18:29
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Окт. 2015 Помог: 0 раз(а)	Pinkya_rabbit пишет: Я почитал ещё и вот что начитал. На том же w3c. Я во многом ещё учусь, многого не понимаю. В общем, если не задать при позиционировании элемента значение позиции, как сделал ты, то тогда, для left значение устанавливается initial. initial - это не значение, заданное браузером, а значение по умолчанию для элемента HTML, определённое в спецификации CSS. Оно не зависит ни от браузера, ни от наследования. значение для параметра left пустое. поэтому ты получал пустоту, если не задать параметры. я конечно нуб =) но мне не стыдно за это. это было интересно столько всего поначитал Спасибо большое за информацию. Подтверждает мои выводы. Позиции были установлены - но в css (для всех панелей - одно место, просто для того, чтобы начальное значение БЫЛО). Такой подлости JS, видимо не ожидал. Все время попадаю пальцем в эти разрывы между html, js и css - причем не в описанные специфики и различия и не в проблемы, вызванные порядком создания элементов, а именно в непредусмотренные разработчиками случаи. Я берусь за веб редко - для перенесения программ Дельфи онлайн, так что за всем не уследишь. (Отредактировано автором: 18 Апреля, 2016 - 15:19:55)

Поиск в теме | Версия для печати

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

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

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