Javascript.RU

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

Размеры и положение узла
Привет
Как получить реальные размеры и положение узла? С помощью getComputedStyle получаю:
auto в ff, 0px в хроме и 130px ( ) в опере. wtf?
Как узнать настоящий размер во всех (ну хотя бы в тех, что выше) браузерах?

Последний раз редактировалось балерун, 04.10.2011 в 16:19. Причина: Брр, вместо getComputedStyle написал getElementsByClassName.
Ответить с цитированием
  #2 (permalink)  
Старый 04.10.2011, 16:17
Аватар для балерун
Аспирант
Отправить личное сообщение для балерун Посмотреть профиль Найти все сообщения от балерун
 
Регистрация: 16.11.2009
Сообщений: 79

пардон, код забыл вложить


<style>
	#container
	{
		margin-top: 60px;
		position: absolute;
		width: 2000px;
	}

	.day
	{
		position: relative;
		display: inline;
	}

	.day h2
	{
		padding: 0 5px;
		position: absolute;
		left: 4px;
		top: -65px;
	}

	.event
	{
		width: 50px;
		height: 50px;
		border: 1px solid black;
		margin: 0 4px;
		display: inline-block;
	}
</style>
<script>
	window.addEventListener('load', function(){
		var container = document.getElementById('container');
		var compStyle = window.getComputedStyle(container.getElementsByClassName('day')[1], null);
		alert('width: ' + compStyle.width)
	}, false)
</script>
<div id="container">
	<div class="day">
		<h2>День 1</h2>
		<div data-event-id="0" class="event">1</div>
		<div data-event-id="1" class="event">2</div>
		<div data-event-id="2" class="event">3</div>
		<div data-event-id="3" class="event">4</div>
	</div>

	<div class="day">
		<h2>День 2</h2>
		<div data-event-id="4" class="event">1</div>
		<div data-event-id="5" class="event">2</div>
	</div>
</div>
Ответить с цитированием
  #3 (permalink)  
Старый 04.10.2011, 16:24
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

http://javascript.ru/ui/offset
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как узнать размеры (длину и ширину) ползунка скроллбара? den_zm Элементы интерфейса 2 06.12.2010 13:38
фиксированное положение Angel_33_3 Общие вопросы Javascript 10 19.10.2010 17:33
размеры ЭКРАНА misha_turist Общие вопросы Javascript 1 01.04.2010 16:50
IE, <object> и размеры объектов _maniac_ Internet Explorer 1 07.10.2008 17:31
Узнать исходные размеры картинки/флешки без подгрузки? SunnyDay Общие вопросы Javascript 2 07.10.2008 13:41