Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.05.2013, 22:08
Новичок на форуме
Отправить личное сообщение для valek-dim Посмотреть профиль Найти все сообщения от valek-dim
 
Регистрация: 23.05.2013
Сообщений: 2

Правильное использование document.getElementById
Доброго времени суток!
В общем есть вот такая конструкция html

<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="style.css">
		<script src="java.js"></script>
	</head>
	<body>

		<div id="home">
		</div>
		<div id="portfolio">
		</div>
		<div id="service">
		</div>
		<div id="menu">
			<a href="#" onclick='changeStyleDiv1()'>red</a>
			<a href="#" onclick='changeStyleDiv2()'>blue</a>
			<a href="#" onclick='changeStyleDiv3()'>pink</a>
		</div>
	</body>
</html>


К нему прикреплен css

* {
	margin: 0;
	padding: 0;

}
#home {
	background-color: red;
	position: relative;
	}
#portfolio {
	background: blue;
	position: relative;
	-webkit-transition:left 2.2s ease;
	transition:left 2.2s ease;
}
#menu{
	background-color: green;
	height: 70px;
	position: fixed;
	top: 0;
}
#service {
	background-color: pink;
	position: relative;
	-webkit-transition:left 2.2s ease;
	transition:left 2.2s ease;
}


и javascript

window.onload = function style() {
	
	var Width = document.documentElement.clientWidth;

	document.getElementById('menu').style.width = 'Width';
	document.getElementById('service').style.width = 'Width';
	document.getElementById('portfolio').style.width = 'Width';
	document.getElementById('home').style.width = 'Width';
	document.getElementById('portfolio').style.left = 'Width';

	var Height = document.documentElement.clientHeight;
	document.getElementById('service').style.height = 'Height';
	document.getElementById('portfolio').style.height = 'Height';
	document.getElementById('home').style.height = 'Height';

	document.getElementById('service').style.left = '1000px';
	document.getElementById('portfolio').style.left = 'Width';
}


function changeStyleDiv1(){
    document.getElementById('portfolio').style.left = 'Width';
    document.getElementById('service').style.left = 'Width * 2';

}
function changeStyleDiv2(){
    document.getElementById('portfolio').style.left = '0';
    document.getElementById('service').style.left = 'Width';
}
function changeStyleDiv3(){
    document.getElementById('service').style.left = '0';
    document.getElementById('portfolio').style.left = '-Width';
}


Проблема в том, что в функции style работает только document.getElementById('ID').style.width = 'Width';
Height и left таким же способом не получается сделать. Подскажите пожалуйста, что тут не так
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2013, 08:06
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,348

Сообщение от valek-dim
что тут не так
Значения у тебя "не так"...

var a=10;
document.getElementById('portfolio').style.left=a+'px';
Ответить с цитированием
  #3 (permalink)  
Старый 24.05.2013, 19:52
Новичок на форуме
Отправить личное сообщение для valek-dim Посмотреть профиль Найти все сообщения от valek-dim
 
Регистрация: 23.05.2013
Сообщений: 2

Cпасибо!)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильное использование сервера node.js cyber AJAX и COMET 30 17.05.2013 23:44
Правильное использование MutationObserver Magneto Общие вопросы Javascript 5 04.08.2012 19:51
SetTimeout правильное использование nata031189 Общие вопросы Javascript 5 07.07.2012 10:32
Про использование cookies zloctb Общие вопросы Javascript 3 11.02.2012 07:36
jquery.history.js Правильное использование warobushek jQuery 0 10.02.2011 06:42