Эта запись является продолжением темы отключения активных ссылок в коротких комментариях. На этом блоге комментарии с длиною менее 250 символов публикуются без активных ссылок. Правда было бы хорошо, если при наборе комментария можно было сразу видеть информацию о его длине, что бы не гадать есть уже в набранном комментарии 250 символов или нет. Для этого нужно немного подкорректировать файл comments.php в установленном шаблоне.
С помощью следующих действий можно реализовать отображение длины набираемого комментария, при это пробелы не будут учитываться:
1 . Добавляем javascript-код, который подсчитывает количество символов, где-то в начале файла comments.php в нужном шаблоне :
2. Вставляем в нужное Вам место вывод информации о том, сколько символов скрипт насчитал (я вставил сразу над формой для комментирования):
3. Находим кусок кода, который отвечает за форму комментирования, у меня это
и добавляем вызов javascript-функции при вводе текста в этой форме:
в результате получается такая строка:
Также обратите внимание на то, что в строке javascript-кода:
сообщается из какой формы брать информацию , я беру ее из формы комментирования, то есть из формы с :
Вот и все. Результат можете увидеть у меня сразу над формой комментирования, ниже надписи «Комментарии короче 250 символов публикуются без активной ссылки. Пробелы не учитываются.». Как только начнете что-либо печатать — сразу же появится информация о количестве набранных символов.
В комментариях попросили подсказать как сделать так, чтобы кнопка «отправить» была не активна пока не введутся 100 символов, вот пример:
- commentform — id формы комментирования
- submit — id кнопки отправить
Если будет введено 0 символов, то кнопка будет активна, но тут уже сам wordpress скажет что вы ничего не ввели,
Если будет введено от 1 до 99 символов, то кнопка будет не активна
Уважаемые пользователи! Мы благодарим Вас за то, что Вам интересен нашен контент, поэтому с каждым днем хотим становиться все лучше и лучше!
Большое спасибо за вашу помощь и внимательность к нам!
Сегодня мы рассмотрим тему подсчета количества символов в тексте, а именно динамического подсчета, то есть выполним урок на JavaScript. Ведь можно так же сделать подсчет символов и на PHP, ну тогда это будет выполнено на серверном языке и после внесения данных, придется перенаправлять их на другой файл с помощью метода POST, который обработает и выдаст количество символов в тексте. Я думаю это не очень удобно и практично для применения. Поэтому остановимся на первом случае и подробно его рассмотрим.
Создадим функцию symbols, которая будет подсчитывать количество символов в тексте. В ней прописываем переменную symbols, присваиваем ей значение textarea.
Далее выводим количество символов, получая каждый элемент идентификатора symbols.
Создаем тег textarea и прописываем ему событие с функцией symbols, а также присваиваем идентификатор symbols, который будет собирать все значения элемента идентификатора symbols в единое целое, используя код JavaScript.
Ну и просто стили, которые будут оформлять код, при этом никакого влияния на функциональность скрипта оказывать не будут.
Вот мы и реализовали скрипт подсчета количества символов в тексте, который в принципе есть на многих других онлайн сайтах, но теперь Вы уже знаете, как можно его сделать самому. На этом я с Вами прощаюсь до следующего урока, спасибо всем за внимание!
В сегодняшней статье мы поговорим о подсчете количества символов в строке, текстовом поле, или textarea, и сделаем форму для подсчета символов.
В последнее время набирает обороты услуги написания текстов для сайта. Многие люди в поисках удаленной работы начинают заниматься копирайтингом. Форма для подсчета количества символов в копирайтинге немножко отличается от обычного подсчета, т.к. пробелы и другие невидимые знаки в ней не учитываются, и стоимость написания текста считается за 1000 символов. Поэтому будем делать подсчет количества символов с расчетом стоимости написания статьи, и с возможностью просчета без пробелов.
Начнем с малого, в JavaScript для подсчета количества символов в строке, используется свойство length. Вот небольшой примерчик:
В этом примере на экран выведется сообщение, с количеством символов в строке (строка хранится в переменной string).
Теперь усложним алгоритм, и сделаем форму с подсчетом стоимости:
Код примера достаточно простой, но с его помощью очень сильно ускорится и оптимизируется работа копирайтера.
