Javascript.RU

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

изменение размеров <div> при помощи <select>
Всем доброй ночи. Прошу вашей помощи для реализации следующего:
в форме есть два списка со значениями длины и высоты, еще есть слой, который должен принимать размеры ширины и высоты указанные в списках. Пробовал так, но ничего не работает

<script>
function k(){
	var length = document.getElementById("l").value;
		document.getElementById("karkas").style.width = length.value;
	var height = document.getElementById("h").value;
		document.getElementById("karkas").style.height = height.value;
	}
</script>
<div id="karkas" style="width:180;height:215;background:#ff0000;"></div>
<select name="l" class="measurements" onchange="k()">
	<option value="180" selected="selected">180 см</option>
	<option value="185">185 см</option>
	<option value="190">190 см</option>
	<option value="195">195 см</option>
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
</select>
<select name="h" class="measurements" onchange="k()">
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215"selected="selected">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
	<option value="230">230 см</option>
</select>
Ответить с цитированием
  #2 (permalink)  
Старый 22.12.2012, 00:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

zerojava,
У вас нет элементов с id -> l и h
нет нигде единиц измерения px и ...

<script>
function k(){
	var length = document.getElementsByName('l')[0].value;
        document.getElementById("karkas").style.width = length+"px";
	var height = document.getElementsByName("h")[0].value;
		document.getElementById("karkas").style.height = height+"px";
	}
</script>
<div id="karkas" style="width:180px;height:215px;background:#ff0000;">hhh</div>


<select name="l" class="measurements" onchange="k()">
	<option value="180" selected="selected">180 см</option>
	<option value="185">185 см</option>
	<option value="190">190 см</option>
	<option value="195">195 см</option>
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
</select>
<select name="h" class="measurements" onchange="k()">
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215"selected="selected">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
	<option value="230">230 см</option>
</select>
Ответить с цитированием
  #3 (permalink)  
Старый 22.12.2012, 00:15
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

Сообщение от рони
У вас нет элементов с id -> l и h
нет нигде единиц измерения px и ...
Ваша правда код "лепил" из примеров, спасибо за помощь!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
А что можно совершить при помощи xss vagabunt Общие вопросы Javascript 5 18.05.2012 08:12
RPG при помощи JS Володя Шишкин Общие вопросы Javascript 2 10.03.2012 16:44
изменение рисунка в меню при помощи Javasripta Maxim Общие вопросы Javascript 1 05.09.2008 14:59
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55
Подскажите как при помощи JS hta в трею свернуть kimboo Общие вопросы Javascript 4 11.07.2008 16:00