Форум

rodiony4 · #1 (**permalink**) 02.03.2016, 20:43

Здравствуйте

Условие покажет скрытый див, если в текстарее набрать слово "тест" или "супер тест" или "проверка"
Подскажите, пожалуйста, как сделать, чтобы это условие срабатывало, если набирать вышеперечисленные слова в начале, середине или конце предложения.

<textarea id="gbtext"></textarea>
<div id="gb" style="display:none;">набраны слова: "тест" или "супер тест" или "проверка"</div>

<script type='text/javascript'> 
$("#gbtext").keyup(function() {
	if($(this).val() == "тест" || $(this).val() == "супер тест" || $(this).val() == "проверка") {
		$("#gb").show(300); 
	} else {
		$("#gb").hide(300);
	}
});
</script>

рони · #2 (**permalink**) 02.03.2016, 20:54

rodiony4,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script>
$(function(){
$("#gbtext").on("input" , function() {
		$("#gb").toggle(/тест|супер тест|проверка/.test(this.value));
});
  })
  </script>
</head>

<body>

<textarea id="gbtext"></textarea>


<div id="gb" style="display:none;">набраны слова: "тест" или "супер тест" или "проверка"</div>

</body>

</html>

rodiony4 · #3 (**permalink**) 02.03.2016, 21:08

рони, большое спасибо!!

rodiony4 · #4 (**permalink**) 02.03.2016, 21:51

rodiony4, еще один вопрос, поможете?
Как теперь указать toggle скорость отображения или скрытия? Так не получается

$("#gb").toggle(300, /тест|супер тест|проверка/.test(this.value));

рони · #5 (**permalink**) 02.03.2016, 22:48

rodiony4,
скорость в этом случае не предусмотрена, вернитесь к условию ...

$(function(){
$("#gbtext").on("input" , function() {
		$("#gb")[/тест|супер тест|проверка/.test(this.value) ? "show" : "hide"](300);
});
  })

rodiony4 · #6 (**permalink**) 02.03.2016, 23:02

рони, спасибо!!!

Форум

Справочник

Discord чат

Курсы javascript