Показать сообщение отдельно
  #5 (permalink)  
Старый 25.03.2014, 16:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Officeoff.ru,
код скрипта неполный -- html и тот неполный и c остатками php -- короче полная background-color - по коду не на том месте скрипта нужно брать данные и уточнить где именно

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <style type="text/css">
 .item_h{
   background-color: #FF00FF;
 }
 </style>
</head>

<body>
<div class='item'><div class='name'><input name='name' type='hidden' value='Название'></input><input name='price' type='hidden' value='550'></input><div class='gets'>Название</div></div><div class='price'>550</div></div>
<div class='item'><div class='name'><input name='name' type='hidden' value='Название2'></input><input name='price' type='hidden' value='750'></input><div class='gets'>Название2</div></div><div class='price'>750</div></div>
<input id="search_term" name="">
<script>
var arrayLi=[];
$('.item').each(function() {
	arrayLi.push($(this));
});
var i=0,
number='',
count='undefined'!==typeof arrayLi?(arrayLi.length-1):0;
	function onKeyDown(event) {
		if(count!=0) {
			if(38==event.keyCode) {
				if(0<number) {
					arrayLi[number].removeClass('item_h');
					--number;
					--i;
					arrayLi[number].addClass('item_h');
				}
			}
			else if(40==event.keyCode) {
				if(i!=count) {
					if(arrayLi[i].hasClass('item_h') && i<count) {
					++i;
					}
					for(var l in arrayLi) {
						if(number==l) {
							arrayLi[number].removeClass('item_h');
						}
						if(l==i) {
							number=i;
							arrayLi[i].addClass('item_h');
						}
					}
				}
			}
           var value = $("input[name='name']",'.item_h').val();
		   $('#search_term').val(value);
		}
		else {
			return;
		}
	}
 $('#search_term').keydown(onKeyDown)
 </script>
</body>
</html>
Ответить с цитированием