Javascript.RU

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

Jqerry&JS выборка с подсветкой
Существует список ul в каждом из его li 4 поля input, если вводишь в первое поле ничего не происходит,
при вводе во второе background 1 и 3 input становится красным при заполнении краснго фон вновь стандартный
если заполнены все фон всех инпутов зеленый.

Подскажите плиз кратко путь решения, лучшее что я смог это jqerry на изменение инпута запускается прооверка,
если поле пустое устанавливаю красный фон, заполненное обычный, если заполнены все то зеленый, а вот дальше я встрял...
Ответить с цитированием
  #2 (permalink)  
Старый 25.02.2013, 08:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от FirstRelict
Подскажите плиз кратко путь решения
С тебя тестовый пример...
Ответить с цитированием
  #3 (permalink)  
Старый 25.02.2013, 09:06
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<style>
.red {
  background-color:red;
}
.green {
  background-color:green;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(document).ready(function(){
function testInp(sel) {
   var str=''
   $("input",sel).each(function(){
      var a = $(this).attr("data");
       if(!a) a='0'; str+=a;
   });
   if(str=='0100'){
       $("input",sel).eq(0).addClass("red");
       $("input",sel).eq(2).addClass("red");
       return;
   }
   if(str=='1100'&&$("input",sel).eq(0).hasClass("red")){
       $("input",sel).eq(0).removeAttr("class");
       return;
   }
   if(str=='1110'||str=='0000'){
       $("input",sel).removeAttr("class");
       return;
   }
   if(str=='1111'){
       $("input",sel).removeAttr("class");
       $("input",sel).addClass("green");
       return;
   }
}

  var wrp = $("#ul_wrp");
  $("li > input,wrp").on('change input',function(){
      if($(this).val().replace(/\s*/g,'')!='') {
         $(this).attr("data",1);
      } else $(this).removeAttr("data");
        testInp($(this).parent().parent());
  });

  });
  </script>
<div id=ul_wrp>
<ul>
<li><input type=text></li>
<li><input type=text></li>
<li><input type=text></li>
<li><input type=text></li>
</ul>
<ul>
<li><input type=text></li>
<li><input type=text></li>
<li><input type=text></li>
<li><input type=text></li>
</ul>
</div>

Последний раз редактировалось Deff, 25.02.2013 в 10:41.
Ответить с цитированием
  #4 (permalink)  
Старый 25.02.2013, 10:01
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Хм.. Для полноты решения тут не хватает iframe'а...
Ответить с цитированием
  #5 (permalink)  
Старый 25.02.2013, 10:24
Интересующийся
Отправить личное сообщение для FirstRelict Посмотреть профиль Найти все сообщения от FirstRelict
 
Регистрация: 25.02.2013
Сообщений: 13

Спасибо, большое.
Кстати за какой срок люди обычно начинают нормально кодить(быстро и качественно)Я вот уже месяцев 8 ковыряюсь, но мне кажется я очень медленен, это норм?Бросать я конечно не буду, просто интересно, нормальный у меня темп или нет.
Ответить с цитированием
  #6 (permalink)  
Старый 25.02.2013, 10:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от FirstRelict
нормальный у меня темп или нет
Если за это платят - нормальный.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выборка из базы на основании результата выборки djonA Серверные языки и технологии 12 13.05.2013 14:37
Выборка элемента по динамично добавленному Id vladimirlip jQuery 6 19.12.2012 14:26
Есть ли для JS удобная среда разработки с подсветкой синтаксиса? mbp64 Общие вопросы Javascript 5 05.10.2012 11:21
ajax выборка сообщений maximu$$ AJAX и COMET 5 05.05.2011 14:45
возможно: массив + выборка mvorobjov Общие вопросы Javascript 5 13.08.2008 17:54