Ограничение символов в форме добавление комментариев

924
8.6 из 10
Проголосовало: 6





ШАГ 1:

В самый низ страницы сайта, перед закрывающим тегом </body>, установить следующий js code:
Код
<script type="text/javascript" src="http://webo4ka.ru/Ucoz8/characters_limit.js"></script>


в данном скрипте стоит ограничение на ввод 50 символов, вы устанавливаете свой лимит ограничений, изменив в js и html коде ниже, значение 50

ШАГ 2:
Теперь идём в ПУ(Админ панель) => Дизайн => Управление дизайном => Комментарии => Форма добавления комментариев и ищем следующий html код:
Код
<textarea class="commFl" style="height:135px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>

и заменяем его на:

Код

  <div class="comment-message">  
<textarea class="commFl" style="height:135px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>
  <div class="comment-messag-symbol">Осталось символов: <strong id="comment-symbol">50</strong></div>  
  </div>


ШАГ 3:
Последний, заключительный этап - установка CSS стилей.
ПУ>>Управление дизайном>>CSS стили:
Код

/* Основные стили страницы
------------------------------------------*/
.comment-message {
  width:500px;
}

.comment-message textarea {
  width:476px!important;  
  padding: 5px 10px;
  background:#fff!important;  
  border: 2px solid #cad3da!important;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  color:#555 !important;  
  border-radius:3px!important;  
}

.comment-messag-symbol{
  float:right;  
  margin-top: 5px;
}
Автор публикации: Загрузка
Загрузка
CreativeBoy, это его n материал
Источник: http://www.center-dm.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2122
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    488
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: