Смысл модификации в подсчёте количества введённых символов в форму ответа, с индикацией в виде заполняющейся шкалы.
Это достаточно просто организовать с помощью нескольких строчек кода JavaScript.
Сначала подключаем необходимые скрипты, в шаблоне
Если у вас уже подключена библиотека jQuery, то:
Ставить не нужно.
По умолчанию в phpBB максимальное количество символов в сообщении - 60000. Если у вас выставлено иное максимальное количество, то измените в скрипте значение - 60000 на своё.
Открываем шаблон
После найденного вставляем:
Если в настройках вашего форума указано своё максимальное количество символов в сообщении, то измените значение - 60000 на своё.
В тему вашего стиля добавляем:
Если вы всё сделали правильно, сразу под формой ответа появится шкала и цифры. При достижении максимального количества символов появится всплывающее окно - "Места больше нет!!!". Чтобы установить свой текст измените его в настройках скрипта.
Это достаточно просто организовать с помощью нескольких строчек кода JavaScript.
Сначала подключаем необходимые скрипты, в шаблоне
overall_header.html
перед тегом </head>
ставим:
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#message").keyup(function()
{
var box=$(this).val();
var main = box.length *100;
var value= (main / 60000);
var count= 60000 - box.length;
if(box.length <= 60000)
{
$('#count').html(count);
$('#bar').animate(
{
"width": value+'%',
}, 1);
}
else
{
alert('Места больше нет!!!');
}
return false;
});
});
</script>
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
По умолчанию в phpBB максимальное количество символов в сообщении - 60000. Если у вас выставлено иное максимальное количество, то измените в скрипте значение - 60000 на своё.
Открываем шаблон
quick_reply.html
, находим:
Код: Выделить всё
<textarea <!-- IF S_UCP_ACTION -->name="signature" id="signature" style="height: 9em;"<!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="15" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" class="inputbox">{MESSAGE}</textarea>
Код: Выделить всё
<div id="meter">
<div id="count">60000</div>
<div id="barbox">
<div id="bar"> </div>
</div>
</div>
В тему вашего стиля добавляем:
Код: Выделить всё
#meter {
height: 25px;
margin: 5px 0;
}
#meter #bar {
background-color: #5fbbde;
width: 0px;
height: 16px;
}
#meter #barbox {
float: right;
height: 16px;
background-color: #FFFFFF;
width: 88%;
border: 2px solid #000;
margin-right: 3px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#meter #count {
float: left;
margin-right: 8px;
font-family: 'Georgia', Times New Roman, Times, serif;
font-size: 16px;
font-weight: bold;
color: #666666
}
Комментариев нет
Комментариев пока нет, но ты можешь быть первым! Нужно лишь войти или зарегистрироваться и поделиться своим мнением.
Похожие темы
-
Добрый вечер.
Некоторое время назад вы сделали мне расширение для вставки плейлистов.
Всё работает как надо. Но хотелось бы что бы вместо текста -...