Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.10.2009, 03:03
Новичок на форуме
Отправить личное сообщение для Lisenok Посмотреть профиль Найти все сообщения от Lisenok
 
Регистрация: 29.10.2009
Сообщений: 5

Координаты картинки после движения
Есть картинка, для нее сделан драг-н-дроп, после этого надо получить новые координаты картинки. Все найденные в сети решения выдают старые координаты - те, что были при загрузке картинки.
Делаю, например, так:
function CoordBase() {
t=document.getElementById('img2').offsetTop
alert(t)
}


Как узнать измененные координаты?
Ответить с цитированием
  #2 (permalink)  
Старый 29.10.2009, 03:22
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

document.getElementById('img2').style.top
Ответить с цитированием
  #3 (permalink)  
Старый 29.10.2009, 03:55
Новичок на форуме
Отправить личное сообщение для Lisenok Посмотреть профиль Найти все сообщения от Lisenok
 
Регистрация: 29.10.2009
Сообщений: 5

Изменила функцию, не работает. При этом если не прописать в явном виде в стиле картинки значение top, то новая функция вообще значения не возвращает.

Картинку вставляю так:
<img src="pic2.gif" id="img2" style="position: absolute; top: 8px;">


Новый код функции:
function dataBase() {
t=document.getElementById('img2').style.top
alert(t)
}
Ответить с цитированием
  #4 (permalink)  
Старый 29.10.2009, 04:34
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

1. рисунок не существует до window.onload
2. http://javascript.ru/blog/Andrej-Par...cheniya-stilya
Ответить с цитированием
  #5 (permalink)  
Старый 29.10.2009, 08:33
Новичок на форуме
Отправить личное сообщение для Lisenok Посмотреть профиль Найти все сообщения от Lisenok
 
Регистрация: 29.10.2009
Сообщений: 5

Что-то все равно не идет процесс...
<html>
<body>
<!-- Некое шаманство для драг-н-дропа -->
<script type="text/javascript" src="wz_dragdrop.js">
</script>
<!-- Моя функция -->
<script type="text/javascript">
function dataBase() {
var computedStyle = mamonts.currentStyle || window.getComputedStyle(mamonts, null);
alert (computedStyle.top );
}
</script>

<img src="pic2.gif" id="img2" name="mamonts">
<!-- Это тоже шаманство для движения картинки, используется готовая библиотека -->
<script type="text/javascript">
   SET_DHTML(CURSOR_POINTER, NO_ALT, SCROLL, "img2");
</script>

<input name="check" onclick="dataBase(this.form)" type="button"
value=" Координата у ">
</body>
</html>


Выдается сообщение "auto". Что я делаю не так?
Ответить с цитированием
  #6 (permalink)  
Старый 29.10.2009, 20:41
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

<html>
<head>
<title></title>
<style type="text/css">
#img2 {
	position: absolute;
	left: 200px;
	top: 100px;
}
</style>
<script type="text/javascript">
function dataBase() {
	var elem = document.getElementById('img2'),
		top = elem.style.top
			|| window.getComputedStyle
				? window.getComputedStyle(elem, null).top
				: elem.currentStyle.top;
	alert(top);
}
</script>
</head>
<body>
<img src="pic2.gif" id="img2" alt="" />
<input type="button" value=" Координата у " onclick="dataBase();" />
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 29.10.2009, 22:24
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Хм… а я почему-то всегда делал
document.defaultView.getComputedStyle(node, null)
Ответить с цитированием
  #8 (permalink)  
Старый 29.10.2009, 23:55
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Сообщение от Octane
Хм… а я почему-то всегда делал
Была тема про это: http://javascript.ru/forum/misc/3464...oprosov-2.html

Позже я нашел на одном английском форуме, что нужно писать именно "document.defaultView" из-за какой-то древней мозилы (или оперы, .... или и того и другого).
Ответить с цитированием
  #9 (permalink)  
Старый 30.10.2009, 12:12
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от Octane
Хм… а я почему-то всегда делал
Логичней тогда так делать
node.ownerDocument.defaultView.getComputedStyle(node, null)
Ответить с цитированием
  #10 (permalink)  
Старый 30.10.2009, 18:31
Новичок на форуме
Отправить личное сообщение для Lisenok Посмотреть профиль Найти все сообщения от Lisenok
 
Регистрация: 29.10.2009
Сообщений: 5

Что-то и в таком виде оно тоже не работает. Координату выдает, но после движения картинки остается то же самое значение. Нет ли еще какого-нибудь способа?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42
Запуск скрипта после загрузки страницы vital8 Элементы интерфейса 2 24.09.2009 18:06
Выполнить код после загрузки изображения EugenyK Events/DOM/Window 2 15.07.2008 10:09
Определить координаты объекта в таблице ner2000 Events/DOM/Window 2 14.06.2008 01:56
Координаты точки snake-as Общие вопросы Javascript 1 04.03.2008 12:23