Как сделать, чтобы текст более не выводился, после определен. правила?

Sotnikov · March 9, 2008

Сейчас, если набираешь больше 10 символов, выпадает определенный текст. Если ты набрал более 50 символов, этот текст исчезает. Но как сделать так, чтобы если ты начал стирать текст менее 50 символов, то второе правило уже не действовало, то есть не выводило текст заново?!

вот пример:

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <style>
 .hint { color: red; font-size: 12px; }
 #stopposting { color: red; display: none; }
 </style>
 </head>

<body>
Вписываем текст ↓<br/>
<input id="title" size="60" name="title" value="" onchange="blurValid(this, 'title', '')" 

onkeyup="
 if (this.value.length > 10 && this.value.length < 50) document.getElementById('stopposting').style.display='block';
 else document.getElementById('stopposting').style.display='none';" 

onkeydown="
 if (this.value.length > 10 && this.value.length < 50) document.getElementById('stopposting').style.display='block';

 else document.getElementById('stopposting').style.display='none';"

type="text">
 <br/>

<span class="hint" id="stopposting">Выпадает некий текст, после 10 символов ввода...</span>

</body>
</html>

alx · March 9, 2008

Вот идейка пришла небольшая - может, подойдет:

Можно завести переменную, отвечающую за текущее состояние input'а и отслеживать е? значение.

(какое-то подобие конечных автоматов получается).

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <style>
 .hint { color: red; font-size: 12px; }
 #stopposting { color: red; display: none; }
 </style>
 </head>

<script type='text/javascript'>
 len = 0;

 state = 0; //эта переменая отвечает за текущее состояние состояние input'a
 function up()
 {
 if (len<10 && document.getElementById('title').value.length>=10)
 {
 //Вводим десятый символ
 state = 1;
 }
 if (len>=50 && document.getElementById('title').value.length<50)
 {
 //Удаляем 50 символ
 state = 2;
 }
 if (len<50 && document.getElementById('title').value.length>=50)
 {
 //Вводим 50 символ
 state = 0;
 }
 if (state == 1)
 {
 document.getElementById('stopposting').style.display='block';
 }
 else {
 document.getElementById('stopposting').style.display='none'; 
 }
 len = document.getElementById('title').value.length;
 document.getElementById('i').innerHTML=len; 
 }
</script>
<body>
Вписываем текст <br/>
<input id="title" size="60" name="title" value="" onkeyup='up()' type="text">
 <br/>
<span class="hint" id="stopposting">Выпадает некий текст, после 10 символов ввода...</span>
<br/><span id='i'></span>
</body>
</html>

Sotnikov · March 9, 2008

alx, большое спасибо! Решение есть, буду знать

Sign In

Как сделать, чтобы текст более не выводился, после определен. правила?

Question

Sotnikov

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

alx

Link to comment

Share on other sites

Sotnikov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information