22 октября 2010

Считаем символы в форме ввода

javascriptСегодня в разделе JavaScript я расскажу о том, как прикрутить к форме ввода счетчик символов HTML элемента TEXTAREA. Делаем это конечно в WordPress шаблоне. Счетчик можно легко сделать с помощью небольшого скрипта. Итак, сначала в файле WordPress шаблона, например в page-{slug}.php ( кстати ознакомьтесь с иерархией файлов в шаблоне WordPress 3 ), добавьте форму ввода в том месте где удобно для вас:

<form>
<textarea rows="12" name="charcount" cols="60" wrap="virtual"
onKeyUp="countit(this)"></textarea>
Число введеных символов <input type="text" name="displaycount" size="20">
</form>

затем, в самом низу файла шаблона, после вызова функции

get_footer();

добавьте скрипт

<script language="JavaScript">
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>

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

Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter
Рубрика: JavaScript+jQuery

Комментариев: 5

Вы можете следовать любому комментарию через RSS 2.0 feed.

Вы можете оставить комментарий или trackback с вашего сайта.

  1. О..это уже интересно…особенно если пишешь в блог заказные посты ;)

  2. KseniaK:

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

Оставьте комментарий

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере