powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсчёт символов в textarea
25 сообщений из 41, страница 1 из 2
подсчёт символов в textarea
    #38008755
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
здравствуйте использую этот код
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!--функция подсчёта знаков введённых в поле с id ..., нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript">
//подсчёт после перезагрузки, ready - готовый
$(document).ready(function(){
alert($('textarea[name="TextMessage"]').val().length);
$('#name_count').html($('textarea[name="TextMessage"]').val().length);
 
//подсчёт после ввода символа в поле, после срабатывания keydown - опускание клавиши, keyup - поднятие клавиши
$('#ContactForm').keydown(function(){
alert($('textarea[name="TextMessage"]').val().length);
$('#name_count').html($('textarea[name="TextMessage"]').val().length);
});
});
</script>


но почему на разных браузерах и на странице и в алерте что-нибудь да не верно отображается?
есть у кого либо корректный код?
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38008798
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

может так надо?
Код: javascript
1.
$('textarea[name="TextMessage"]').on( 'keyup focus blur', function(){console.log($(this).val().length)});
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38008809
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mage.lan,
вот по идее так от нефиг делать, для знакомства с основами языка писал в коде вывод результата на странице и в алерте, в будущем алер конечно хотел заремарчить и получил чудо результат, теперь маюсь..
спасибо за ответ
я не такой профи и чтобы инет не сотрясать могли бы Вы выложить весь код я его тупо вставлю и про тестю, а то на Ваше
>может так надо?
>$('textarea[name="TextMessage"]').on( 'keyup focus blur', function(){console.log($(this).val().length)});
вариантов полно и пожалуйста тоже с алертом, так для сравнения, вдруг чудеса появятся....
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38009743
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,
это и есть мой код, весь, можете вместо вашего в "реди" засунуть.
что такое консоль - рекомендую разобраться, в хроме она очень просто открывается, в фаирфоксе при наличии фаирбага, в эксплорере при наличии девелопмент тулз.

ловить алерты при работе с текстарией - вы ничего не поймете, фокус постоянно слетает.
а ошибка ваша в том, что кейдаун происходит до того, как в текстарии появляется то, что вы нажали.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38010776
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа, а написать небольшой скриптик, с использованием setInterval, Вам не подходит?
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38010820
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Seegile,
>небольшой скриптик, с использованием setInterval, Вам не подходит?
мне всё подходит, так как я только учусь, можете выложить?
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38010891
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофатак как я только учусь Современный учебник JavaScript
Прочитай, домашку сделай, потом приходи.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38012993
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAкатастрофатак как я только учусь Современный учебник JavaScript
Прочитай, домашку сделай, потом приходи.
Здравствуйте, обнадёживает Последнее обновление: 22 октября 2012 - свежак
и в моём случае этот орешек где именно лежит??

Орешки:

Общая информация
Введение в JavaScript
Альтернативные технологии
Книги по JS, HTML/CSS и не только
Терминология, справочники
Редактор кода
Установка и настройка браузеров
Как поставить несколько версий браузеров?
Привет, мир!
Основы JavaScript
Структура кода
Переменные
Типы данных
Взаимодействие с пользователем: alert, prompt, confirm
Основные операторы
Операторы сравнения и логические значения
Побитовые операторы
Условные операторы: if, '?'
Логические операторы
Циклы while, for
Директивы break и continue
Конструкция switch
Функции
Рекурсия
Методы и свойства
Все вместе: особенности JavaScript
Пишем на JavaScript
Стиль кода
Как писать неподдерживаемый код?
Отладка в браузере Chrome
Структуры данных
Строки
Числа
Объекты как ассоциативные массивы
Массивы c числовыми индексами
Массивы: методы
Дата и Время
Функции и замыкания
Функция - это значение
Function Declaration и Function Expression
Именованные функциональные выражения
Функции изнутри, замыкания
Хранение данных в замыкании, модули
Статические переменные
Конструкция "with"
Аргументы функций
Псевдо-массив arguments
Именованные аргументы
Свойства arguments.callee и arguments.callee.caller
Объекты и функции
Свои объекты: конструкторы и методы
Контекст this в деталях
Приём программирования "Декоратор"
Статические свойства и методы объекта
Получение и проверка типа
Преобразование типов, toString и valueOf
Объекты String, Number, Boolean
Оператор typeof, [[Class]] и утиная типизация
Дополнительные темы
Массив: Перебирающие методы
Запуск кода из строки: eval
Перехват ошибок, "try..catch"
Формат JSON
Таймеры: setTimeout и setInterval
Привязка функции к объекту и карринг: "bind/bindLate"
Позднее связывание "bindLate"
Тест: повторение тонких мест
Часть 2. Документ, события, интерфейсы.

Учимся использовать JavaScript для любых изменений страницы, делать интерфейс.
CSS для JavaScript-разработчика
О чём пойдёт речь
Единицы измерения "px", "em", "%" и другие
Свойства "font-size" и "line-height"
Свойство white-space
Свойство "outline"
Свойство "box-sizing"
Свойство "margin"
Свойство "display"
Лишнее место под IMG
Свойство "float"
Свойство "overflow"
Свойство "position"
Особенности свойства "height" в %
Знаете ли вы селекторы?
CSS без IE6(7)
CSS-спрайты
Центрирование горизонтальное и вертикальное
Правила форматирования CSS
Документ и объекты страницы
Окружение: DOM, BOM и JS
BOM-объекты: navigator, screen, location, frames
DOM-элементы и их свойства
Дерево DOM
Навигация в DOM, свойства-ссылки
Основные свойства: тип, тег и содержимое узла
Атрибуты и пользовательские свойства
Интерактивное путешествие по DOM
Добавление и удаление узлов
Мультивставка: insertAdjacentHTML и DocumentFragment
document.write
Поиск элементов в DOM
Внешний вид и местоположение элементов
Стили и классы, getComputedStyle
Размеры и прокрутка элементов
Размеры и прокрутка для страницы
Координаты
События и интерфейсы
События: основы
Введение в браузерные события
Получение объекта события
Всплытие и перехват
Действия браузера по умолчанию
Отмена выделения, невыделяемые элементы
Делегирование событий
Шаблон проектирования "поведение" (behavior)
События мыши
Введение: клики, кнопка, координаты
События движения: "mouseover/out/move/leave/enter"
Колёсико мыши: "mousewheel"
Устранение IE-несовместимостей: "fixEvent"
Основы Drag'n'Drop
Drag'n'Drop объектов
События клавиатуры
Формы
Навигация по формам
Свойства элементов
События "change", "input", "propertychange"
Метод и событие "submit"
События и методы "focus/blur"
Поток выполнения, вложенные события
Событие "onscroll"
События "onload", "onbeforeunload" и "onerror"
Событие загрузки документа "onDOMContentLoaded"
Анимация
JS-Анимация
Кривые Безье
CSS-анимация
Создание графических компонент
Введение
Вёрстка графических компонент
Процедурное и объектное программирование
Внутренний и внешний интерфейс
Структура виджета
Свои события, подписка-уведомление
Практика, практика, практика!
Шаблонизация в JavaScript
Еще практика!
Часть 3. Разное.

Наследование и прототипы
Зачем наследование в JavaScript?
Прототип: наследование и методы
Прототипы встроенных объектов
Прототип по умолчанию, свойство "constructor"
Проверка конструктора, оператор "instanceof"
"Классы" в JavaScript
ООП-фреймворк Class.extend
Функциональная реализация классов
Почему "классы" - лучше
Оптимизация
Управление памятью в JS и DOM
Утечки памяти
Внутри браузера: getElementsBy и querySelector
Оптимизация скриптов: dom, async, defer [в работе]
Сжатие JavaScript
Современные сжиматели JavaScript
Улучшаем сжатие кода
GCC: продвинутые оптимизации
GCC: статическая проверка типов
GCC: интеграция с Google Closure Library
Разное
Мини-библиотека функций учебника
Выделение: Range, TextRange и Selection
Дескриптор свойства, геттеры и сеттеры
Применяем ООП: Drag'n'Drop++
Свойство dataSet для data-* атрибутов
Окна и Фреймы
Открытие новых окон
Окно браузера: свойства и методы
Focus, привлечение внимания к окну
Общение с окном в ифрейме
Ограничение "Same Origin"
Общение окон с разных доменов: postMessage
Атака Clickjacking и защита от неё
Регулярные выражения [в работе]
Введение
Символьные классы
Специальные символы
Флаги
Наборы и диапазоны символов
Цифровые квантификаторы
Quantifiers +, * and ?
Greedy and Lazy
Ahchors and multiline mode
Word boundary
Infinite backtracking problem
Groups
Alternation
Regular expressions methods
Practice
Особенности регулярных выражений в Javascript
Сундучок с инструментами
Полезные расширения Firefox и Chrome
Отладка для Internet Explorer (в Visual Studio)
Скриптуемый отладочный прокси Fiddler
IE HTTP Analyzer
Ура, я знаю JavaScript!
Что изучать дальше
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013280
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа, Вам было предложено написать скриптик самому, Вы ответили, что только учитесь.
То есть сами написать не можете, типа мы за Вас должны написать.
Я Вам дал ссылку на учебник, прочитав который Вы обретёте самостоятельность. :)

P.S.: и вообще-то там есть поиск по "орешкам", попробуйте воспользоваться.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013383
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаskyANAпропущено...
Современный учебник JavaScript
Прочитай, домашку сделай, потом приходи.
Здравствуйте, обнадёживает Последнее обновление: 22 октября 2012 - свежак
и в моём случае этот орешек где именно лежит??Твой случай особенный. Отсюда и до самого конца.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013694
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy, после этого
Что НЕ умеет JavaScript?
JavaScript — быстрый и мощный язык, но на его исполнение в браузере наложены некоторые ограничения, например, он не умеет читать и записывать произвольные файлы на жесткий диск, запускать установку каких-либо программ.

книжку запрятал....
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013720
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа, на нём гугл даже анимационные фишки делает! О как!
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013728
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Seegile, это не показатель, создали себе кумира и подражаете, да?
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013738
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа...он не умеет читать и записывать произвольные файлы на жесткий диск, запускать установку каких-либо программ.
Вообще-то умеет. И в базу читать-писать умеет. И ещё многое чего. Короче, всё умеет.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013745
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeкатастрофа...он не умеет читать и записывать произвольные файлы на жесткий диск, запускать установку каких-либо программ.
Вообще-то умеет. И в базу читать-писать умеет. И ещё многое чего. Короче, всё умеет.
Короче, всё умеет - перебор!!!
много я тем создавал - получил отлуп
отлуп 1 й создать список файлов на моём компьютере на диске С
Ваш ход
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38013846
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа, вот тебе небольшой пример.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<title></title>
		<style type="text/css">
			html, body {height: 100%; width: 100%; margin: 0;}
		</style>
	</head>

	<body>
	<div>
		<textarea rows="8" cols="35" id="mess"></textarea><br>
		<div id="count">0</div>

		<script type="text/javascript">
		setInterval(ShowCount, 390);

		function ShowCount()
			{
				var Count = document.getElementById('mess').value.length;
				document.getElementById('count').innerHTML = Count;
			}
		</script>
	</div>
	</body>
</html>
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014052
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Seegile, к нему бы ещё инструкцию, а то, то что отображается ниде текстереи - хаос
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014068
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаSeegile, к нему бы ещё инструкцию, а то, то что отображается ниде текстереи - хаос
Вообще-то, у меня всё работает. Видать, Вы скопипастили тектс с ашыпками.
Кстати, замечание по тексту, что DHTML с доктайпом стрикт, в данном случае, невалидный. Например, нету тайтла, <br> пишется <br />. А так - нормально. Этот механизм (с таймером) многие используют.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014094
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge, понял, просто было к левому краю страницы прислонено, не видно было, спасибо!!
>отлуп 1 й создать список файлов на моём компьютере на диске С - тему можно создавать???
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014117
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Seegile,

Пардон, не заметил тайтла. Но, таки <br />. :)
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014151
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014155
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Seegile, берите Выше ХТМЛ5

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<!DOCTYPE html>
<!--html5-->

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<!--
Сервис для проверки валидности сайта:
http://validator.w3.org/#validate_by_input
http://validator.w3.org/#validate_by_uri
-->

<title>Подсчёт символов в textarea</title>
		<style type="text/css">
			html, body {height: 100%; width: 100%;}
		</style>
	</head>

	<body>
	
		Вводите текст:<div><textarea rows="8" cols="35" id="mess"></textarea></div>
		Количество символов:<div id="count">0</div>

		<script type="text/javascript">
		setInterval(ShowCount, 390);

		function ShowCount()
			{
				var Count = document.getElementById('mess').value.length;
				document.getElementById('count').innerHTML = Count;
			}
		</script>
	
	</body>
</html>



Спасибо!!!!!
>отлуп 1 й создать список файлов на моём компьютере на диске С - тему можно создавать???
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014164
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаSeegile, берите Выше ХТМЛ5
малыш, иди пиши свою считалку, и не указывай дяденькам, какой доктайп использовать.
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014170
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SeegileкатастрофаSeegile, берите Выше ХТМЛ5
малыш, иди пиши свою считалку, и не указывай дяденькам, какой доктайп использовать.
а в чём проблема какой доктайп использовать??
...
Рейтинг: 0 / 0
подсчёт символов в textarea
    #38014318
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа>отлуп 1 й создать список файлов на моём компьютере на диске С - тему можно создавать???
Да запросто. Под ИЕ я делал, эксперимента ради. Смотрите в гугле filesystemobject.
...
Рейтинг: 0 / 0
25 сообщений из 41, страница 1 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсчёт символов в textarea
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]