Показать сообщение отдельно
  #1 (permalink)  
Старый 01.02.2014, 17:57
Профессор
Отправить личное сообщение для wadim Посмотреть профиль Найти все сообщения от wadim
 
Регистрация: 20.01.2014
Сообщений: 150

setPosition (яваскрипт) - не нашел по функции информации в интернете
1 вопрос:

setPosition (яваскрипт) - не нашел по функции информации в интернете, подскажите как работает функция, каждую строчку, вот функ.:

function setPosition(obj, x, y) {
obj.style.left = x+'px';
obj.style.top = y+'px';
}

obj - как я понял это объект(класс), объясните толком что это.


2 вопрос:

Вот код:


<html>
<head>
<link rel="stylesheet" type="text/css" href="11.css">

<script>
var img = document.getElementById('test'),
defX = 50, defY = 50;

document.body.onclick = function(event) {
setPosition(img, event.clientX, event.clientY);
}

document.getElementById("returnBtn").onclick = function(event) {
event.stopPropagation();
setPosition(img, defX, defY);
}

function setPosition(obj, x, y) {
obj.style.left = x+'px';
obj.style.top = y+'px';
}
</script>
</head>
<body>
<button id='returnBtn'>return</button>
<img id='test' src='1.jpg'/>
</body>
</html>

как правильно переделать чтоб работало?
этот код взят отсюда: http://www.cyberforum.ru/javascript/thread409453.html

Про DOM читал, пока до конца не разобрался, в этой ссылке написано: Скрипт разместите после тега <img/>, как я понял после строчки:
<img id='test' src='1.jpg'/> - так тоже не работает. Подскажите как правильно? Полный код пожалуйста, за ранее спасибо.

На этой ссылке есть архив с правильным кодом, скачал, но или открываю архив не правильно или в нем нет инфы полной. Подскажите как правильно открыть архив?
Ответить с цитированием