Показать сообщение отдельно
  #1 (permalink)  
Старый 10.01.2012, 11:19
Новичок на форуме
Отправить личное сообщение для NetBuilder Посмотреть профиль Найти все сообщения от NetBuilder
 
Регистрация: 10.01.2012
Сообщений: 1

Визуальное ограничение ввода текста
Как сделать чтоб после 70 символа текст был зачеркнутым и серым.
Пока так:
<div  id="schet" >0</div>
<div contentEditable="true" id="NewTextarea"></div>


<script>
$(document).ready(function()
{
$("#NewTextarea").keyup(function()
{
var count= $("#NewTextarea").text().length;
$("#schet").text(count);
if (count>70)
{
$("#schet").text("> 70");	
if (count == 71)
{
	var x = $("#NewTextarea").text();
	$("#NewTextarea").text("")
	$("#NewTextarea").prepend(x +"<del>. \r</del>");
}
}
});
});
</script>


#NewTextarea
{
	background-color:#FFFFFF;
	width: 200px;
	height: 150px;
	max-height: 150px;
	max-width: 200px;
	border-color: #06C; 
	border-style: outset; 
	border-width: thin; 
	text-align: left;
	overflow-y: scroll;
	
}
#NewTextarea del
{
	color:#666666;
}

Последний раз редактировалось NetBuilder, 10.01.2012 в 11:30.
Ответить с цитированием