Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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'/> - так тоже не работает. Подскажите как правильно? Полный код пожалуйста, за ранее спасибо.

На этой ссылке есть архив с правильным кодом, скачал, но или открываю архив не правильно или в нем нет инфы полной. Подскажите как правильно открыть архив?
Ответить с цитированием
  #2 (permalink)  
Старый 01.02.2014, 20:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,206

Сообщение от wadim
подскажите как работает функция, каждую строчку, вот функ.:

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

Меняется свойство left
http://htmlbook.ru/css/left
obj.style.top = y+'px';

Меняется свойство top...
http://htmlbook.ru/css/top
Ответить с цитированием
  #3 (permalink)  
Старый 01.02.2014, 21:00
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,206

Сообщение от wadim
Подскажите как правильно? Полный код пожалуйста
Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
html,
body {
	width: 100%;
	height: 100%;
}
#test {
	position: absolute;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<button id='returnBtn'>return</button>
<img id='test' src='http://javascript.ru/forum/images/smilies/smile.gif'/ >
<script type="text/javascript">
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';
};
setPosition(img, defX, defY);
</script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 02.02.2014, 12:49
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от wadim
obj - как я понял это объект(класс), объясните толком что это.
Это объект документа который тоже объект. Поэтому про объекты документа говорят - элементы.

left - свойство объекта style, который в свою очередь свойство объекта элемент, который свойство объекта документ и вообще в js нет ничего кроме профтыканны друг в друга пропертей которые могу быть чем угодно, потому что все они типа объекты.
Ответить с цитированием
  #5 (permalink)  
Старый 02.02.2014, 13:24
Профессор
Отправить личное сообщение для wadim Посмотреть профиль Найти все сообщения от wadim
 
Регистрация: 20.01.2014
Сообщений: 150

Спасибо всем за ответы.
Ответить с цитированием
Ответ



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

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