ExBB Community » Файловый ExBB » Модификации и дополнения » Дополнение : счетчик символов в сообщении

Страниц (1): [1]
 

1. cjvakarian - 9 августа 2016 — 13:40 - перейти к сообщению
Как прикрутить к форме создания темы или ответа счетчик символов?

Вопрос собственно в том, как прикрутить скрипт
CODE:
<script>
setInterval(ShowCount, 300);
function ShowCount(){
document.getElementById('count').innerHTML = document.getElementById('new_description').value.length;
}
</script>

к полю ввода
CODE:
<textarea id="new_description"></textarea><span id="count">0</span>
2. electron - 10 августа 2016 — 05:36 - перейти к сообщению
а собственно в чем проблема? первую часть кода
CODE:
<script>
setInterval(ShowCount, 300);
function ShowCount(){
document.getElementById('count').innerHTML = document.getElementById('new_description').value.length;
}
</script>

вгоняем в файл all_header.tpl из папки стиля выше </head> .

из второй части кода нужно взять только id="new_description" и <span id="count">0</span> и вставить это в шаблоны написания поста.

например , ставим это дело в шаблон создания новой темы post_addnew.tpl .

ищем строку (в разных версиях ExBB строка может отличаться):

CODE:
<textarea cols="80" rows="14" name="inpost" tabindex="3" class="textinput" style="width:900px;" onselect="IEOP();" onclick="IEOP();" onkeyup="IEOP();" onFocus="IEOP();" onChange="IEOP();">{$fm->input['inpost']}</textarea>

, в этой строке после <textarea вставляем id="new_description" , а после </textarea> прописываем например вот так <br /><b>введено символов : <span id="count">0</span></b> , получаем примерно такой код :
CODE:
<textarea id="new_description" cols="80" rows="14" name="inpost" tabindex="3" class="textinput" style="width:900px;" onselect="IEOP();" onclick="IEOP();" onkeyup="IEOP();" onFocus="IEOP();" onChange="IEOP();">{$fm->input['inpost']}</textarea><br /><b>введено символов : <span id="count">0</span></b>


подобные строки вам нужно найти (конечно, если вам нужна эта функция там) в файлах :

news_add.tpl - создание нового объявления
pm_new.tpl - создание нового письма в ПМ
post_addnew.tpl , post_edit.tpl , post_form.tpl , post_reply.tpl - шаблоны в темах форума. редактирование, быстрый ответ, создание новой темы и тд и тп...

дополнение будет выглядеть как на прикрепленном скриншоте. как видите, оно работает и очень даже неплохо.

P.S. чтоб не затерялась в просторах форумных тем - перенесу тему в "Модификации и дополнения", мож еще кому пригодится.
3. cjvakarian - 10 августа 2016 — 07:50 - перейти к сообщению
Спасибо. Ночью сам догадался, но сделал криво.
4. electron - 10 августа 2016 — 10:07 - перейти к сообщению
только какой в этом коде смысл, чисто ради информативности...
5. cjvakarian - 10 августа 2016 — 18:07 - перейти к сообщению
electron пишет:
только какой в этом коде смысл,

Смысл в том, что на ролевых форумах эта штука сильно жизнь облегчает, ибо не надо текст куда либо гонять

Яндекс.Метрика   

Powered by ExBB
[Script Execution time: 0.0147]     [ ]