tim21701

Отзывы - счетчик оставшихся символов для ввода

Рекомендуемые сообщения

tim21701    497

Делаем счетчик, который будет контролировать количество оставшихся символов в текстовое поле "Ваш отзыв".

По умолчанию, текст отзыва в шаблоне должен быть от 25 до 1000 символов. Но, тысяча знаков - это порой многовато..

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

Пример:

Изображение

1). Качаем плагин Limit (ссылка внизу) и кидаем в папку catalog/view/javascript.

2). В файле catalog/view/theme/ВАША ТЕМА/template/common/header.tpl находим тег </head> и добавляем перед ним:

<script type="text/javascript" src="catalog/view/javascript/jquery.limit.js"></script>

<script type="text/javascript"> 
$(document).ready(function(){                
  $('textarea').limit('250','#charsLeft'); 	// Указываем своё значение (Разрешенное количество знаков)
});    
</script>

3). В файле catalog/view/theme/ВАША ТЕМА/template/product/product.tpl находим строку:

<b><?php echo $entry_review; ?></b>
После неё добавляем:

<span id="charsLeft"></span>

4). В файле catalog/view/theme/ВАША ТЕМА/stylesheet/stylesheet.css добавляем в самом конце:

Комментарии можно удалить )))

#charsLeft { 
  margin: 0 10px;   /* Отступ справа */
 float:right; /* Выравнивание по правому краю */
 font-weight: bold; /* Насыщенность шрифта (bold, bolder, lighter или normal). Можно использовать условные единицы от 100 до 900. */
 color: #808080; /* Цвет шрифта */
}

jquery.limit.zip

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу