Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   изменение цвета фона где совпадает цифра (https://javascript.ru/forum/misc/46425-izmenenie-cveta-fona-gde-sovpadaet-cifra.html)

ksa 09.04.2014 16:47

Цитата:

Сообщение от djonA
var a=document.getElementById(text).value

var a=document.getElementById('text').value


Цитата:

Сообщение от djonA
$(".data-tst:contains(a)").css({"background-color":"red"})

$(".data-tst:contains('"+a+"')").css({"background-color":"red"});

рони 09.04.2014 16:56

:write: ещё нужна функция которая среагирует на ввод данных

djonA 09.04.2014 17:41

сделал вот так, все работает ок, только проблема если выбрать 2 а потом 3 то красное 2 и 3, а надо что бы выделялось только то что сейчас написано (т.е или 2 или 3 или 1):
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
	    <script>
		function gog() {
	      $(function(){
		var a=document.getElementById('textx').value;
		
		if (a != ""){
	        $(".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" id="textx" value="" onkeyup="gog();">

рони 09.04.2014 17:58

djonA,
а назначить пусто всем .data-tst перед тем как назначить нужному

djonA 09.04.2014 18:10

Красота то что нужно! Спасибо огромное


Часовой пояс GMT +3, время: 21:52.