<script type="text/javascript">
$(document).ready(function(){
$.get("/dir/0-0-$_USER_ID$-0-17", function(data){
var laststat = $(".messagestatus:first", data).html();
if (laststat == null) {var laststat = 'Статус не установлен';}
$("#mystat").html(laststat);
});
});
function getstatuslength() {
textstat = $("#ustat").val();
if(textstat.length < 5) {$("#ustat").css("backgroundColor", "#fce4e4")}
else {pstatus()}
}
function pstatus() {
mstatus = ["Статус успешно обновлён", "Произошла ошибка"]
textstat = $("#ustat").val();
$.get('/dir/1-0-0-0-1', function(data){
var ssid = $('input[name="ssid"]', data).val();
$.post('/dir/', {
a: '12',
jkd428: '1',
jkd498: '1',
ocat: '1',
brief: $("#ustat").val(),
coms_allowed: '1',
ssid: ssid
}, function(ss){$("#mystat").text(textstat);$("#okstat").addClass("getokstat").html(mstatus[0]).fadeOut(5000)});
});
} </script>
<div class="" style="padding:5px;text-align:left;margin: 7px">
<a href="#" onclick="$('.tableredstatus').show();$('#tablestatus').slideToggle(1);"><div id="tablestatus">
<table border="0" width="623px" cellspacing="0" cellpadding="0" height="1%">
<tbody><tr>
<td align="left" valign="top"><div id="okstat"></div><div id="st"><span id="mystat"><div id="jq"></div><p align="justify"><b>
<font size="2" face="Tahoma" color="#808080">
ghkhjkhukh </font></b>
</p><p><font face="Tahoma" color="#808080" style="font-size: 9pt">
Опубликовано (Сегодня в 11:29)</font><font face="Tahoma" color="#808080" style="font-size: 9pt"></font></p></span> </div></td>
</tr>
</tbody></table>
</div></a>
<div class="tableredstatus" style="display:none"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1%">
<tbody><tr>
<td style="padding-bottom:5px;" align="left" valign="top" colspan="2">
<textarea id="ustat" style="width: 619px; height: 30px;" name="S1" rows="1" cols="20"></textarea></td>
</tr>
<tr>
<td style="width:88%; height:22px" align="left" valign="top">
<div class="12345" style="width:108px; height:1%;"><a href="javascript:;" onclick="getstatuslength();$('.tableredstatus').slideToggle(1);$('#tablestatus').show();">
<div align="center" id="otvsts" style="background:#6D8FB3;padding-top:6px;border: 1px solid #3B6798;width:107px; height:20px;">
<font color="#FFFFFF">
<span lang="ru">Сохранить статус</span></font></div></a></div>
</td>
<td align="right" valign="top" width="12%">
<div class="321" style="width:70px; height:1%;">
<a href="javascript:;" onclick="$('.tableredstatus').slideToggle(1);$('#tablestatus').show();">
<div align="center" id="otmenasts" style="background:#EAEAEA;padding-top:6px;border: 1px solid #B9B9B9;width:69px; height:20px">
<span lang="ru">Отмена</span></div></a></div></td>
</tr>
</tbody></table></div>
</div>
Проблема в том что: После того как нажимаем на:
<a href="#" onclick="$('.tableredstatus').show();$('#tablestatus').slideToggle(1);">
Открывается
textarea и вводим текст, и там стоит условие:
if(textstat.length < 5) {$("#ustat").css("backgroundColor", "#fce4e4")}
Проблема в том что если ввести меньше 5 букв то это спойлер скрывается, помогите исправить чтобы он не закрывался (только после того когда будет больше 5)