Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсчёт символов в textarea / 25 сообщений из 41, страница 1 из 2
22.10.2012, 19:29:27
    #38008755
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
здравствуйте использую этот код
Код: 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
22.10.2012, 19:58:44
    #38008798
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа,

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

ловить алерты при работе с текстарией - вы ничего не поймете, фокус постоянно слетает.
а ошибка ваша в том, что кейдаун происходит до того, как в текстарии появляется то, что вы нажали.
...
Рейтинг: 0 / 0
24.10.2012, 06:15:36
    #38010776
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа, а написать небольшой скриптик, с использованием setInterval, Вам не подходит?
...
Рейтинг: 0 / 0
24.10.2012, 07:57:10
    #38010820
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
Seegile,
>небольшой скриптик, с использованием setInterval, Вам не подходит?
мне всё подходит, так как я только учусь, можете выложить?
...
Рейтинг: 0 / 0
24.10.2012, 09:31:14
    #38010891
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофатак как я только учусь Современный учебник JavaScript
Прочитай, домашку сделай, потом приходи.
...
Рейтинг: 0 / 0
25.10.2012, 13:38:03
    #38012993
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
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
25.10.2012, 15:35:07
    #38013280
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа, Вам было предложено написать скриптик самому, Вы ответили, что только учитесь.
То есть сами написать не можете, типа мы за Вас должны написать.
Я Вам дал ссылку на учебник, прочитав который Вы обретёте самостоятельность. :)

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

книжку запрятал....
...
Рейтинг: 0 / 0
25.10.2012, 19:40:31
    #38013720
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа, на нём гугл даже анимационные фишки делает! О как!
...
Рейтинг: 0 / 0
25.10.2012, 19:48:12
    #38013728
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
Seegile, это не показатель, создали себе кумира и подражаете, да?
...
Рейтинг: 0 / 0
25.10.2012, 20:13:48
    #38013738
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа...он не умеет читать и записывать произвольные файлы на жесткий диск, запускать установку каких-либо программ.
Вообще-то умеет. И в базу читать-писать умеет. И ещё многое чего. Короче, всё умеет.
...
Рейтинг: 0 / 0
25.10.2012, 20:19:43
    #38013745
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
ShSergeкатастрофа...он не умеет читать и записывать произвольные файлы на жесткий диск, запускать установку каких-либо программ.
Вообще-то умеет. И в базу читать-писать умеет. И ещё многое чего. Короче, всё умеет.
Короче, всё умеет - перебор!!!
много я тем создавал - получил отлуп
отлуп 1 й создать список файлов на моём компьютере на диске С
Ваш ход
...
Рейтинг: 0 / 0
25.10.2012, 23:09:34
    #38013846
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа, вот тебе небольшой пример.
Код: 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
26.10.2012, 09:16:22
    #38014052
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
Seegile, к нему бы ещё инструкцию, а то, то что отображается ниде текстереи - хаос
...
Рейтинг: 0 / 0
26.10.2012, 09:32:34
    #38014068
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофаSeegile, к нему бы ещё инструкцию, а то, то что отображается ниде текстереи - хаос
Вообще-то, у меня всё работает. Видать, Вы скопипастили тектс с ашыпками.
Кстати, замечание по тексту, что DHTML с доктайпом стрикт, в данном случае, невалидный. Например, нету тайтла, <br> пишется <br />. А так - нормально. Этот механизм (с таймером) многие используют.
...
Рейтинг: 0 / 0
26.10.2012, 09:52:57
    #38014094
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
ShSerge, понял, просто было к левому краю страницы прислонено, не видно было, спасибо!!
>отлуп 1 й создать список файлов на моём компьютере на диске С - тему можно создавать???
...
Рейтинг: 0 / 0
26.10.2012, 10:01:16
    #38014117
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
Seegile,

Пардон, не заметил тайтла. Но, таки <br />. :)
...
Рейтинг: 0 / 0
26.10.2012, 10:26:20
    #38014151
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
ShSerge,
...
Рейтинг: 0 / 0
26.10.2012, 10:30:05
    #38014155
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
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
26.10.2012, 10:32:13
    #38014164
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофаSeegile, берите Выше ХТМЛ5
малыш, иди пиши свою считалку, и не указывай дяденькам, какой доктайп использовать.
...
Рейтинг: 0 / 0
26.10.2012, 10:36:48
    #38014170
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
SeegileкатастрофаSeegile, берите Выше ХТМЛ5
малыш, иди пиши свою считалку, и не указывай дяденькам, какой доктайп использовать.
а в чём проблема какой доктайп использовать??
...
Рейтинг: 0 / 0
26.10.2012, 12:07:31
    #38014318
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подсчёт символов в textarea
катастрофа>отлуп 1 й создать список файлов на моём компьютере на диске С - тему можно создавать???
Да запросто. Под ИЕ я делал, эксперимента ради. Смотрите в гугле filesystemobject.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсчёт символов в textarea / 25 сообщений из 41, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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