Показать сообщение отдельно
  #9 (permalink)  
Старый 06.03.2013, 21:43
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Поправил стиль, понравились шахматы
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.PantoneArea {width:500px;height:500px;padding:0px;margin:0 10px 5px 0;float:left;position:relative;}
.Pantone{position:absolute;width:250px;height:250px;padding:0;margin:0;border:red solid 1px;}
.Pantone.Area2 {top:0px;left:250px;}
.Pantone.Area3 {top:250px;left:250px;}
.Pantone.Area4 {top:250px;left:0px;}
.Plist{position:absolute;}
.Plist.List1 {top:220px;left:40px;}
.Plist.List2 {top:220px;left:40px;}
.Plist.List3 {top:10px;left:40px;}
.Plist.List4 {top:10px;left:40px;}
</style>
<script type="text/javascript">
function clr(Obj){
	Obj.parentNode.style.backgroundColor=Obj.value;
};
window.onload = function (){
   var elements = document.querySelectorAll('#ColorArea >div > .Plist ');
   for(var i=0;i<elements.length;i++){
      clr(elements[i])
   }
}
</script>
</head>
<body>
<div ID='ColorArea' class='PantoneArea'>
	<div ID='Area1' class='Pantone Area1'>
		<select ID='Pantone 1' class='Plist List1' onChange='clr(this);'>
			<option value='#fadf00'>Process Yellow
			<option value='#d7006c' selected>Process Magenta
			<option value='#009dd9'>Process Cyan
			<option value='#191919'>Process Black
		</select>
	</div>
	<div ID='Area2' class='Pantone Area2'>
		<select ID='Pantone 2' class='Plist List2' onChange='clr(this);'>
			<option value='#fadf00'>Process Yellow
			<option value='#d7006c'>Process Magenta
			<option value='#009dd9' selected>Process Cyan
			<option value='#191919'>Process Black
		</select>
	</div>
	<div ID='Area3' class='Pantone Area3'>
		<select ID='Pantone 3' class='Plist List3' onChange='clr(this);'>
			<option value='#fadf00'>Process Yellow
			<option value='#d7006c' selected>Process Magenta
			<option value='#009dd9'>Process Cyan
			<option value='#191919'>Process Black
		</select>
	</div>
	<div ID='Area4' class='Pantone Area4'>
		<select ID='Pantone 4' class='Plist List4' onChange='clr(this);'>
			<option value='#fadf00'>Process Yellow
			<option value='#d7006c'>Process Magenta
			<option value='#009dd9' selected>Process Cyan
			<option value='#191919'>Process Black
		</select>
	</div>
</div>
</body>
</html>

Последний раз редактировалось Deff, 07.03.2013 в 04:34.
Ответить с цитированием