Простой счётчик под формой ответа
У меня выглядит вот так:


Вставляется в админпанель - модули - управление скриптами яваскрипт. Скрипты должны быть активированы.
Называем "счётчик символов". Показывать в темах форума.

В содержимое вставляем:

Код:

$(function(){$(function(){
 $('#textarea_content').after('<div id="countsymbols">Ждём, пока вы что-нибудь напишете...</div>');
 winwin = $('.sceditor-container iframe')[0];
  winwin.contentDocument.onkeyup = function () {
    with (winwin.contentWindow.parent.document) {
      $('#countsymbols').html('Вы накатали '+ (winwin.contentDocument.body.innerText ? winwin.contentDocument.body.innerText.length : winwin.contentDocument.body.textContent.length) + ' символов.');
    }
  };
  $('.sceditor-container textarea').keyup(function() {
    $('#countsymbols').html('Вы накатали '+ this.value.length + ' символов.');
  });
})});

Редактирование
Вы можете изменить текст счётчика на свой. Просто изменяйте "Вы накатали N Символов".

Оформление
Визуально выделяем счётчик.

Этот код вставляется в админпанель - оформление - цвета - вкладка "Каскадная таблица стилей CSS".

Код:

#countsymbols {
  font-weight:bold; /* делаем текст полужирным */
  padding: 5px;
  margin-top: 5px;
  background: rgba(255,255,255,0.5); /* фон - R G B + прозрачность */
  border-radius: 5px;
  border: 1px solid #ffffff; /* обводка */
}

Логичный счётчик символов под формой ответа
Показывает не количество символов, а его качество.
Отличается от предыдущего только скриптом, так что установку копировать уже не буду.

Если подстроить код под свою ролку, то с помощью него можно будет определять "стоимость" поста:


Скрипт:

Код:

function getqq (qq) {
   if (qq < 600) {
      $('#countsymbols').html('Слишком маленький пост!');
    } else if (qq < 900) {
      $('#countsymbols').html('Маленький пост.');
    } else if (qq < 120) {
      $('#countsymbols').html('Хороший пост.');
    } else {
      $('#countsymbols').html('Отличный пост!');
    }
};

$(function(){$(function(){
 $('#textarea_content').after('<div id="countsymbols">Ждём, пока вы что-нибудь напишете...</div>');
 winwin = $('.sceditor-container iframe')[0];
  winwin.contentDocument.onkeyup = function () {
    with (winwin.contentWindow.parent.document) {
    getqq(winwin.contentDocument.body.innerText ? winwin.contentDocument.body.innerText.length : winwin.contentDocument.body.textContent.length);
    }
  };
  $('.sceditor-container textarea').keyup(function() {
    getqq(this.value.length);
  });
})});

Редактирование
Посмотрим этот блок:

if (qq < 600) {
 $('#countsymbols').html('Слишком маленький пост!');
}

600 - это минимум символов, текст высвечивается, если минимум не достигнут. Если достигнут - то смотрим дальше.

Так указывается тексты для следующих диапазонов:
0 - 600
600 - 900
900 - 1200
1200 - до бесконечности.

Диапазоны тоже можно поставить свои.

Счётчик символов для каждого сообщения в теме
Показывает количество символов без учёта html-кодов и смайлов. Выводит кол-во в небольшом ярлычке справа, в каждом сообщении:


Скрипты
Также устанавливаем скрипт в админпанели и включаем его в темах; можно добавить этот скрипт в конец скрипта счётчика, опубликованного чуть выше.

Для phpBB2:

Для punBB:

Оформление
В админпанель - оформление - цвета - вкладка "Каскадная таблица стилей CSS" добавляем следующие стили:

Код:

.countersymbols {
clear: both;
display: block;
float: right;
opacity: 0.6; /* прозрачность */
border: 1px solid #666666; /* обводка */
padding: 1px 3px;
border-radius: 3px;
font-size: 9px; /* размер шрифта */
}

Логичный счётчик внутри сообщений
Аналог предыдущего, принцип тот же, что и у логичного счётчика под формой ответа.

У меня используется, опять же, как определитель стоимости постов:


Меняем только скрипты:

Для phpBB2:

Для punBB:

Если вы хотите включить показ двух последних счётчиков только для админов-модеров

Вырезаем поставленный скрипт, если вы его уже поставили))

Создаём новый виджет (админпанель - модули - виджеты форума).

Название: счётчик символов
Использовать стандартный шаблон? Нет.
В содержимое вставляем тот же код, только вначале добавим:

Код:

<script type="text/javascript">

А в конце:

Код:

</script>

Сохраните виджет, расположите его на форуме. Сохраните расположение и отредактируйте права доступа к этому скрипту так, как вам нужно.


(с) Your Roll. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.

Спасибо

Всё, добавила на форум и изменила надпись на свою))
А как сделать, чтобы в самом сообщении показывалось кол-во символов после отправки?

можно ещё оформить через цсс, я не стал уже приводить примеры, потому что каждому дизайну нужно своё оформление

Ясно, но ведь можно привести пример и указать, что за что отвечает, чтобылюди могли подстроить под себя?

Я вообще сомневаюсь, что счётчик нужно оформлять
Но по просьбам читателей счётчик можно оформить вот так:

Код:

#countersymbols {
  font-weight:bold; /* делаем текст полужирным */
  padding: 5px;
  margin-top: 5px;
  background: rgba(255,255,255,0.5); /* фон - R G B + прозрачность */
  border-radius: 5px;
  border: 1px solid #ffffff; /* обводка */
}

Визуально выделяет счётчик и добавляет отступ от редактора. Если с кодом ничего не делать, то на стилях с белым фоном эффекта практически не будет.

Вставляется в админпанель - оформление - цвета - вкладка каскадной таблицы цсс

Позднее напишу скрипт с условиями, который будет писать, написано ли нужное кол-во символов, сейчас с телефона шмаляю =)

Так, ты успела отредактировать сообщение и задала мне новую задачу))

Счётчик в самих сообщениях - как на кладези?

Дя:3

Добавил, всё в первом посте

Угу. А что именно подразумевает "punBB"? Это только для него можно сделать? Оо

Это движок такой. Можно и на другие движки скрипт адаптировать, но для этого мне требуется образец)))
У тебя как раз punBB стоит сейчас.

Знаю я, что это движок, но тут другой...

О_о уже другой?
Блин, перепутал, видимо. phpBB2 стоит =="
С компа зайду - скину код для твоего форума.

гатова

Спасибо : )

Добавил ещё скрипт + скриншоты.

И ещё один скрипт.

Счётчик символов для каждого сообщения в теме

@_@ Почему-то странно показывает...Пишет вначале 0 симв. Снизу кол-во символов, но неправильное, увеличивает сильно.

Уррааа, ты открыла доступ к форуму

Ты точно копируешь код для движка phpBB2? Я протестил на твоём форуме через консоль - всё красиво, работает правильно.

Хватит лезть на мой форум! ==" Мне временно пришлось его бросить ×_×
Ладно, я попробую ещё раз, удалю и заново поставлю.