jQuery Счётчик кликов
На этой тестовой странице сайта проверяю интересную возможность использования jQuery
для подсчёта кликов и, что особенно интересно, по каждой из тестовых кнопок отдельно!
Работу управляющего скрипта и ядра jQuery показываю сразу. Подробности о создании - под рисунками мотоциклов.
Пример работы счётчика
Работу скрипта счётчика можно увидеть сразу, если кликнуть по любой из трёх тестовых кнопок.
Вот они.
А здесь счётчик кликов выводит результат.
Для повторного просмотра работы скрипта счётчика, страницу нужно перезагрузить.
Создание счётчика кликов
Сначала создал в HTML-коде три кнопки с разным текстом, на которых и проверяется работа кода счётчика.
После подключил библиотеку jQuery отдельным файлом, и прописал JavaScript-код внутри кода этой страницы,
который и считает сделанные клики.
Prim* Этот, написанный, JavaScript-код в отдельный файл НЕ ВЫРЕЗАТЬ! Перестанет работать!
Настройка размера, жирности и цвета цифр и рамок у полей вывода результатов производится атрибутом "style" в блоке вывода у каждого из тэгов "span" HTML-кода этой страницы.
Если в управляющем коде вместо строки: $('.counter').eq($(this).index()).text($(this).data('counter')); которая прописана сейчас, прописать другую, попроще, то результат кликов будет выводится уже по-другому!
Если, вместо показанной выше строчки кода, написать такую:
alert($(this).data('counter')); тогда результат кликов будет выводиться во всплывающем окне. Тоже неплохо!
Однако, пользователю будет не особо ясно, результат кликов по какой именно(?!) кнопке оно показывает.
* Обе строчки скрипта срабатывают ПРАВИЛЬНО! *
Но всё же вариант, использованный в управляющем коде сейчас, гораздо лучше. Понятнее!
Естественно, что таким способом можно создать счётчики кликов для любых веб-элементов, а не только для тестовых кнопок, как я сделал на этой странице тестового сайта.
Использование счётчика
В данном примере созданный счётчик кликов является интересным способом использования jQuery. Кроме того, с его помощью можно проверить работу написанного для него скрипта. Зачем проверять?!
А затем, чтобы не было сложностей при его практическом использовании. Тем более что практическое использование счётчика требует уже несколько иного подхода.
Для практического использования счётчика кликов, чтобы получать данные о том, что именно заинтересовало посетителя сайта, сколько раз он кликнул по тому или иному элементу веб-страницы, нужно применять уже более сложную технологию. И подобная технология существует!
Это совместное использование двух языков программирования: "PHP и JavaScript" (откроется в новом окне).
* * *
