Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.04.2014, 14:24
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

изменение цвета фона где совпадает цифра
Подскажите, необходимо изменить цвет фона div'a где цифра соответствует цифре в input'e.
Т.е есть:

<div class="">1</div>
<div class="">2</div>
<div class="">3</div>

и есть <input type="text" value="">

надо что бы когда в input писал цифру 1 то скриптом во всех div'aх где цисло 1 задний фон менялся на красный


Пытаюсь сделать jquery. Но не получается. Подскажите плиз
Ответить с цитированием
  #2 (permalink)  
Старый 09.04.2014, 15:13
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,231

Сообщение от djonA
Пытаюсь сделать jquery. Но не получается.
Где примеры тех попыток?
Ответить с цитированием
  #3 (permalink)  
Старый 09.04.2014, 15:25
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

у меня получилось проверить на соответствие только для чисел т.е:
<input type="text" id="a" value="2">
<input type="text" id="b" onkeyup="document.getElementById('result').innerHTML = (parseFloat(document.getElementById('a').value)||0) - (parseFloat(this.value)||0)">
    <div id="result"></div>


ну а дальше думал сделать если ноль то окрасить фон в цвет.

Но думаю это не совсем правильно а правильнее именно проверять на соответствие что бы если input равен div'у задать в этом div'e красный фон
Ответить с цитированием
  #4 (permalink)  
Старый 09.04.2014, 15:49
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

Вот сделал вот так:
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	    $(".data-tst").each(function () {
	      var dat=$(this).text().split('.');
	     

тут как пытаюсь проверить если dat равно text то сделать фон красный, но не получается
	    });
	  });
	</script>


<div class="data-tst">
<span>1</span></div>
<div class="data-tst">
<span>2</span></div>
<div class="data-tst">
<span>3</span></div>

<input id="text" type="text" value="">
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2014, 16:03
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

вот так не срабатывает:
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	    $(".data-tst").each(function () {
	      var dat=$(this).text().split(',');
	   
	       if(dat="2")$(this).css({"background-color":"red"});
	
	    });
	  });
	</script>
<div class="data-tst">
<span>1</span></div>
<div class="data-tst">
<span>2</span></div>
<div class="data-tst">
<span>3</span></div>
Ответить с цитированием
  #6 (permalink)  
Старый 09.04.2014, 16:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

Сообщение от djonA
dat="2")
это что?
Ответить с цитированием
  #7 (permalink)  
Старый 09.04.2014, 16:14
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Сообщение от djonA Посмотреть сообщение
var dat=$(this).text().split(',');
А это зачем?
Ответить с цитированием
  #8 (permalink)  
Старый 09.04.2014, 16:15
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

я пытаюсь проверить что бы везде где
<div class="data-tst"><span>2</span></div>

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

djonA,
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
	<script>
	  $(function(){
	    $(".data-tst:contains('2')").css({"background-color":"red"})
	  });
	</script>
<div class="data-tst">
<span>1</span></div>
<div class="data-tst">
<span>2</span></div>
<div class="data-tst">
<span>3</span></div>
Ответить с цитированием
  #10 (permalink)  
Старый 09.04.2014, 16:45
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

спасибо большое то что нужно, только подскажите как вводить число 1 или 2 или 3 из
<input type="text" value="" id="text">


пробую так что то не срабатывает:
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
var a=document.getElementById(text).value
$(".data-tst:contains(a)").css({"background-color":"red"})
});
</script>
<div class="data-tst">
<span>1</span></div>
<div class="data-tst">
<span>2</span></div>
<div class="data-tst">
<span>3</span></div>

<input type="text" value="" id="text">
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение цвета текста кнопки и цвета кнопки при нажатии Setta jQuery 22 31.07.2013 17:48
Как реализована изменение цвета фотографии? progress0477 jQuery 0 17.09.2012 17:17
Динамическое изменение фона ячейки CyMKuH Элементы интерфейса 2 11.07.2011 15:19
изменение цвета фона alina Общие вопросы Javascript 1 27.12.2009 17:23
Изменение цвета ячейки (динамическая таблица) не по событию ImSWORDMASTER Элементы интерфейса 3 12.03.2009 21:21