Your Roll

Рейтинг ролевых ресурсов. Каталог ролок. Полезные инструменты для администраторов ролевых игр.


Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Простой счётчик под формой ответа
У меня выглядит вот так:


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

В содержимое вставляем:
Код:
$(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:

Код:
jQuery(document).ready(function(){
  jQuery('.post .postbody').each(function() {
    jQuery(this).append('<span class="countersymbols">' + jQuery(this).text().length + ' симв.</span>');
  });
});
Для punBB:

Код:
jQuery(document).ready(function(){
  jQuery('.post .entry-content').each(function() {
    jQuery(this).append('<span class="countersymbols">' + jQuery(this).text().length + ' симв.</span>');
  });
});

Оформление
В админпанель - оформление - цвета - вкладка "Каскадная таблица стилей 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:

Код:
jQuery(document).ready(function(){
  jQuery('.post .postbody').each(function() {
    qq = jQuery(this).text().length;
    if (qq < 600) {
      jQuery(this).append('<span class="countersymbols">Слишком маленький пост!</span>');
    } else if (qq < 900) {
      jQuery(this).append('<span class="countersymbols">Некрупный пост.</span>');
    } else if (qq < 1200) {
      jQuery(this).append('<span class="countersymbols">Хороший пост.</span>');
    } else {
      jQuery(this).append('<span class="countersymbols">Отличный пост!</span>');
    }
  });
});
Для punBB:

Код:
jQuery(document).ready(function(){
  jQuery('.post .entry-content').each(function() {
    qq = jQuery(this).text().length;
    if (qq < 600) {
      jQuery(this).append('<span class="countersymbols">Слишком маленький пост!</span>');
    } else if (qq < 900) {
      jQuery(this).append('<span class="countersymbols">Некрупный пост.</span>');
    } else if (qq < 1200) {
      jQuery(this).append('<span class="countersymbols">Хороший пост.</span>');
    } else {
      jQuery(this).append('<span class="countersymbols">Отличный пост!</span>');
    }
  });
});

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

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

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

Название: счётчик символов
Использовать стандартный шаблон? Нет.
В содержимое вставляем тот же код, только вначале добавим:
Код:
<script type="text/javascript">
А в конце:
Код:
</script>
Сохраните виджет, расположите его на форуме. Сохраните расположение и отредактируйте права доступа к этому скрипту так, как вам нужно.

Не забываем всё сохранять!!!

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



Последний раз редактировалось: Космо (07.09.13 3:24), всего редактировалось 11 раз(а)

Посмотреть профиль

Лис

avatar
Лиса всея Сети.
Спасибо ;)


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Лис

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

Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
:) можно ещё оформить через цсс, я не стал уже приводить примеры, потому что каждому дизайну нужно своё оформление :)

Посмотреть профиль

Лис

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


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Я вообще сомневаюсь, что счётчик нужно оформлять :D
Но по просьбам читателей :) счётчик можно оформить вот так:
Код:
#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; /* обводка */
}
Визуально выделяет счётчик и добавляет отступ от редактора. Если с кодом ничего не делать, то на стилях с белым фоном эффекта практически не будет.

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

Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Позднее напишу скрипт с условиями, который будет писать, написано ли нужное кол-во символов, сейчас с телефона шмаляю =)

Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Так, ты успела отредактировать сообщение и задала мне новую задачу))

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

Посмотреть профиль

Лис

avatar
Лиса всея Сети.
Дя:3


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Добавил, всё в первом посте ;)

Посмотреть профиль

Лис

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


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Это движок такой. Можно и на другие движки скрипт адаптировать, но для этого мне требуется образец)))
У тебя как раз punBB стоит сейчас.

Посмотреть профиль

Лис

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


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
О_о уже другой?
Блин, перепутал, видимо. phpBB2 стоит =="
С компа зайду - скину код для твоего форума.

Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
гатова В)

Посмотреть профиль

Лис

avatar
Лиса всея Сети.
Спасибо : )


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Добавил ещё скрипт + скриншоты.

Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
И ещё один скрипт.

Посмотреть профиль

Лис

avatar
Лиса всея Сети.
Счётчик символов для каждого сообщения в теме
@_@ Почему-то странно показывает...Пишет вначале 0 симв. Снизу кол-во символов, но неправильное, увеличивает сильно.


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Уррааа, ты открыла доступ к форуму ^^

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

Посмотреть профиль

Лис

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


______________________________

Лисья нора:
Получите помощь для своей ролевой, сделайте заказ, это бесплатно.

Лис помогает:
❅ Пиар
❅ Акции
❅ Разработка мира
❅ Любая текстовая часть
❅ Помощь в разработке идеи


Посмотреть профиль

Спонсируемый контент


Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения