Nickolay.info. Javascript

Здесь собраны некоторые мои скрипты на JavaScript различного назначения:

если на названии скрипта есть вот такая ссылка, вы можете непосредственно посмотреть его в работе (откроется новое окно/вкладка) или скачать полный исходный текст скрипта, щёлкнув по ссылке на архив после описания. В основном, эти скрипты писались в конце предыдущего - начале этого века, когда Javascript только развивался, поэтому часть программных решений и внешних ссылок из скриптов могла устареть.
если в списке обычная ссылка, значит, он имеет собственную страницу, где его можно посмотреть в работе и скачать. Как и на всём сайте, вот такой стиль ссылки означает, что страница находится в моём блоге.

В связи с тем, что браузер Opera не поддерживает события onunload (onbeforeunload), в некоторых скриптах при использовании "Оперы" могут не работать функции автоматического сохранения/восстановления состояния скрипта. Подробнее здесь.

Быстрая навигация: Игры ::: Калькуляторы, математика ::: Календари и часы ::: Тесты ::: Цвета ::: Меню и списки ::: Обработка ссылок ::: Случайности и эффекты ::: Web-дизайн ::: Обработка строк ::: Обработка событий, приёмы написания приложений ::: JQuery, AJAX ::: Графика ::: Шахматы ::: Расширения для Chrome

Игры

Подкидной дурак и 5 листиков. Пакет из 2 игр - классический "подкидной" и русская версия этой игры "5 листиков" (cards.zip, 57 Кб; скачал, не запускается оффлайн в новых браузерах, что делать?)

Ultimate Lines 3 in 1. Лучшая "Лайнз" в Рунете - три игры в одной, автосохранение и восстановление, анимация и отмена ходов, аватары (lines.zip, 367 Кб)

Persis. Уникальная клеточная бродилка - собираем деньги и улучшаем настроение :-) (persis.zip, 38 Кб)

Уголки. Единственные в Рунете русские уголки - отличная игра (в стиле шашек, для тех, кто не знает) (corners.zip, 24 Кб)

Убей Сашу!. Практически Doom, только маленький :-) (sasha.zip, 135 Кб)

Clicker. Застраиваем остров домиками, соревнуясь с компьютером (clicker.zip, 49 Кб). С этим скриптом связана заметка "Хостинг от Яндекса и буква "b"".

SpeedClick. Проверяем свою скорострельность "мышкой" (speedclick.zip, 5 Кб)

TV mania. Как правильно включить телевизоры? Оказывается, это не так просто... (tvmania.zip, 71 Кб)

DeskPet. Ваш личный покемон в Интернет :-) (deskpet.zip, 41 Кб)

Гадание по книге перемен И-Цзин. Единственно правильное гадание :-) Задайте И-Цзин любой вопрос и получите ответ (izin.zip, 15 Кб)

Игра в наперстки. Обмани ближнего :-) (snipers.zip, 2 Кб)

Угадай число. Простая игра с числами, известная также как "Быки и коровы" (chislo.zip, 2 Кб)

Sven XXX Puzzle - всем поклонникам замечательного игрового цикла Sven... собери правильные позы :-) (puzzle.zip, 800 Кб, версия 1.2)

Корзина истории (игра-шутка, исходники легко найти на странице скрипта, Drag-and-Drop на Javascript)

Собираюсь поработать... (скрипт-шутка, зачем ему исходники; в настоящее время браузеры научились защищаться от программного запрета на закрытие своего окна)

Депрессивные крестики-нолики или Как Не Надо Писать :)

Играем в Бандеры :)

Немного "Жизни"...

Игра 2048 с русскими буквами :)

Javascript: игра 24
24: а теперь решение

Пишем Тетрис на HTML5+CSS+Javascript

Мини-гонки на Javascript

Идея скрипта: расставь слова по позициям

Щёлкай гроссов верно и без промаха (ещё одна расстановка)

Арканоид онлайн и без флеша :)

Камень-ножницы-бумага

Ball Tumble

Лопни пузыри! - игра на canvas

Простой новогодний пазл на Javascript, "Собери картинку"

Браузерная игра Весёлые пешки
Javascript: как проще всего передвинуть фишку на игровом поле?

Игра Эйлера

Игра Пенни

Match Pairs Memory Game on JS & Jquery

Позитивная "Змейка"

Головоломка "2020"

Калькуляторы, математика

Простой офисный калькулятор на Javascript

Оценивание арифметических выражений "на лету" - как реализовать максимально просто?

Калькулятор мер и весов. Перевод старинных русских и английских мер и весов в международные и обратно! (measure.zip, 4 Кб)

Универсальный табулятор функций. Таблица значений практически любой функции с любым шагом! (tab.zip, 3 Кб)

Тело. Ваша идеальная масса и другие характеристики тела (telo.zip, 2 Кб)

Графопостроитель. Позволяет построить график любой функции в любом диапазоне (довольно медленно, т.к. Javascript) (graph.zip, 4 Кб). Новое решение в этой статье
Javascript: как построить график функции на Chart.js

Калькулятор систем счисления. Онлайн-перевод целых положительных и отицательных чисел между любыми системами счисления с основаниями от 2 до 36. Незаменимая страница для тестов по информатике :) Исходник скрипта на его странице.

Сервис сокращения дробей на JavaScript. Исходник скрипта прикреплён на его странице.

Короткая и длинная шкалы наименования больших чисел. Две распространённые в мире системы наменования степеней числа 10. (pow10.zip, 17 Кб)

Как на Javascript работать с двумерными матрицами?

Обрезкин: подбор размеров при масштабировании прямоугольных областей

Считаем время закачки :)

Формируем наборы из объектов, относящихся к разным категориям

Страничка, чтобы вычислить все имена Бога и положить конец существованию Вселенной :)

Мини-сервис для определения количества перестановок и комбинаций символов
Javascript: найти мощность множества для массива
Симметрическая разность множеств на Javascript

Все треугольники Герона на Javascript :)

Задача Иосифа Флавия или Считалка Джозефуса

Линейная пропорция онлайн :)
Javascript: ещё линейная пропорция или пересчёт интервалов онлайн

Конвертеры одной строчкой кода или перевод температур

Счастливое число - не "счастливый билет" :)

Треугольник Паскаля на Javascript

Числа в диапазоны и обратно

Разбиение числа на Javascript

Неквадраты

SEDOL: код зла :)

Создаём и заполняем вычисляемую таблицу в документе HTML

Javascript: как сортировать массив числовых значений?

Функция array_unique на Javascript?

Календари и часы

Помесячный календарь. Точный помесячный григорианский календарь до 9999 года (calend.zip, 2 Кб)

Лунный календарь. Позволяет определить полнолуния, новолуния и фазу Луны для любого месяца и года (moon.zip, 7 Кб)

Количество дней до даты ближайшего года. Счетчик того, через сколько дней наступит дата (koldays1.zip, 1 Кб)

Счетчик дней от события. Количество дней от любой даты до сегодняшнего дня или между двумя датами (koldays.zip, 2 Кб)

Динамический счётчик дней и времени до события или от него

Калькулятор дат. Число дней между двумя любыми датами и день недели для любой даты, с удобной формой ввода (datecalc.zip, 2 Кб)
Версия 2 (+количество выходных дней): открыть, скачать (3 Кб)

Номер дня. Номер дня в текущем году (numday.zip, 1 Кб)

Диаграмма года. Показывает на графическом бегунке, сколько осталось до конца года (year2.zip, 2 Кб)

Reminder. Удобный скрипт для вычисления доли прошедшего между 2 датами времени, можно использовать, например, как элемент Рабочего стола. Даты хранятся в cookie-файле и легко обновляются. Число дней показывается как бегунок на графической полосе, дробь (доля прошедших дней) и проценты (reminder.zip, 4 Кб)

Вечный календарь годовой. С удобным листанием, для любого года нашей эры (year_cal.zip, 4 Кб)

Часы с анимацией: варианты 1 (с описанием) и 2. Можно подключать любые цифры (clock.zip, 144 Кб)

Таймер обратного отсчёта на Javascript. Исходник - на странице скрипта

Китайский лунный календарь
Когда наступит китайский новый год?

Идущие часы на Javascript

Пишем информер средствами HTML и JavaScript

Смена фона страницы в реальном времени

Номер недели и дня в году, чётная/нечётная недели и другое

Таймер, который помнит

Простой секундомер на Javascript

Авестийский гороскоп :)

Как сделать голосовые часы или Когда Дима Ложится?

Дискордианский календарь по-русски

Пять уикендов в месяце

Функции для Юлианского календаря на Javascript

Простой календарь праздников на Javascript

Как отменить переход по ссылке в какое-то время суток?

Еженастроенник на JavaScript

Дни золотого сечения в году

Какой сейчас год от сотворения мира?

Начались ли двадцатые годы и по-настоящему безумный календарь

Тесты

Как сделать простой тест на JavaScript, с ответами "да" или "нет" и подсчетом баллов

Простой тест с подсчётом отмеченных пунктов - более изящный вариант решения

Тест на астеническое состояние. Один из бичей нашего депрессивного времени - астенический синдром. Оцените - все ли у Вас в порядке? (astenika.zip, 4 Кб)

Тест на Интернет-зависимость. Сам тест выполнен и адаптирован В.А. Буровой, софт мой. (inet.zip, 8 Кб)

Тест по подбору косметической продукции :-). Ответьте на вопросы, тест определит Ваш тип кожи и, исходя из этого, даст рекомендации (production.zip, 11 Кб)

Bизуал, аудиал, кинестетик?

Кто виноват?

Цвета

Все цвета Интернет. Выбор цветов по коду, имени и с помощью интенсивностей RGB (allcolors.zip, 3 Кб)

Фоновый цвет документа. Выбор фона из реальных цветов браузера (bgcolor.zip, 1 Кб)

Фоновый цвет документа. Выбор фона из падающего списка (только светлые тона) (bgcolor2.zip, 1 Кб)

Фоновый цвет документа. Выбор фона из таблицы-панельки (bgcolor3.zip, 1 Кб)

Коды цветов. Позволяет получить список из стандартных имён и кодов цветов вида Имя=код_RGB (colorlist.zip, 2 Кб)

Меню и списки

Многоуровневое меню. Скрипт для поддержки "древовидного" меню (лучше применять во фрейме) с инструкциями по применению (menu2.zip, 5 Кб)

Простое раскрывающееся меню с помощью JQuery - более современный способ создания простого меню, ведь предыдущий архив - из 20 века, когда он был крут :)

Поиск и автоматический переход в большом списке без JQuery

Все домены верхнего уровня. Удобный список со всеми доменами стран (domains.zip, 4 Кб)

Международные домены. А в этом списке содержатся международные домены (idomains.zip, 2 Кб)

Список ссылок с флажком. Флажок позволяет открывать в новом окне (linklist.zip, 1 Кб)

Список серверов. Пример удобного списка с показом URL и кнопкой перехода (srvlist.zip, 1 Кб)

Обработка ссылок

Как средствами JavaScript перейти к нужному месту на странице?

Кодируем адрес E-mail и оцениваем валидность URL через JavaScript

Добавление ссылки в Избранное, работающее для всех браузеров
Почему не нужно определять браузер и ОС из Javascript

Поиск ссылок. Образец поиска по ссылкам в документе (поиск ведется по URL) и кнопка выбора случайной ссылки (lsearch.zip, 5 Кб)

Определение числа ссылок. Вычисляем количество ссылок в документе с игнорированием внутренних, почтовых и т.д. (lincount.zip, 2 Кб)

Javascript-браузер. Сбор статистики по странице, загруженной в нижний фрейм (jstat.zip, 4 Кб)

Случайности и эффекты

Случайное оформление. Кусок текста случайно оформляется несколькими тегами (randtext.zip, 1 Кб)

Выбор случайного текста. Очень простой скрипт (random2.zip, 1 Кб)
Random Word Generator из одной строки

Случайный цвет . Для выбранного текста и ячейки таблицы (random3.zip, 2 Кб)

Форматирование строки случайной "лесенкой". Получаем эффект "скачущего" текста (string.zip, 2 Кб)

Выделяем нужные слова на загруженной в браузер странице

Бегущая строка на Javascript и CSS3

Выбор номеров билетов...

6 из 49 или другой выбор чисел из набора

О перцептронах

Плохой генератор случайных чисел в Javascript

Web-дизайн

Генератор Web-сайтов. Простой учебный генератор сайта из нескольких страниц, связанных между собой меню (generate.zip, 7 Кб)

Редактор Web-страниц. Простой учебный редактор web-страницы для изучения тегов (editor.zip, 4 Кб). Более новый код см. в этой статье

Пишем простой редактор HTML-кода на JavaScript

Ваш Яndex цитирования. Простая форма для проверки того, кто ссылается на Ваш сайт. Адрес сайта вводится в форму. (cy.zip, 1 Кб)
P.S. Поиск вида http://www.yandex.ru/yandsearch?Link=ВАШ_URL в Яндексе больше не работает. На Google можно увидеть небольшую часть внешних ссылок, обратившись к форме с запросом вида http://www.google.ru/search?hl=ru&q=link%3AВАШ_URL (выделенное красным поставьте как значение переменной url в скрипте).

Создание почтовых ящиков. Форма-список для быстрого создания почтовых ящиков на популярных бесплатных серверах. (mails.zip, 1 Кб)

Мультипоиск. Удобная форма для поиска на популярных поисковиках (multisearch.zip, 3 Кб)

Как сделать "версию страницы для печати"?

Букмарклеты: идея вечна?

Обработка строк

Транслит. Форма для перекодировки текста из Win-1251 в translit и обратно (translit.zip, 2 Кб)

Как динамически отображать длину текста, вводимого в поле формы?

strip_tags и trim на Javascript

Куайн и Нарцисс на JS

Самый простой способ открыть блок текста при нажатии

Определяем количество слов в документе и составляем из них массив

Строим частотную таблицу символов "на лету"

Переворачиваем строки

Слить все строки текста в одну
Слить в строку и убрать фигурные скобки (часть статьи)

Как онлайн перевернуть список строк?

Эволюция строки до целевой

Перестановочные строки

Язык мой - Brainfuck мой, или интерпретатор Brainfuck на Javascript

Javascript: удалить все комментарии из текста программы

Обработка событий, приёмы написания приложений

Как написать простое приложение на HTML и Javascript?

Варианты заданий по JavaScript и простые примеры приложений

Cookie-файлы, сохранение и восстановление состояния страниц и проблема onunload в Opera

Как сохранить массив или объект в cookies

Javascript для проверки данных на стороне клиента - можно ли так делать?

Всплывающие окна подсказок на Javascript

Подключение скрипта из другого скрипта и работа с модулями на Javascript

Показ/скрытие элементов страницы по событию

Пауза на Javascript?

Как выделить часть документа одним кликом?

Как проще всего вывести дерево со сворачиванием и разворачиванием узлов?

Как показать коды всех функций из документа?

Определяем "коды клавиш браузера" или почему F1 = 112, а не 59

Отслеживаем координаты и клик мыши

Javascript: ещё одна смена картинки по таймауту...

JQuery, AJAX

Зачем он нужен, этот JQuery?

Используем Javascript и XMLHttpResult для получения данных из файла на сервере

JQuery: обновляем контент по таймеру и по выбору пользователя

JQuery: выводим случайную строку из файла с заданной вероятностью

JQuery: выбираем из текстового файла несколько случайных строк и выводим их в документ

Графика

Фотогалерея. Простая JavaScript-галерея с настройками количества картинок на странице, общего числа картинок, ширины и высоты картинки (исходник на странице скрипта)

Динамический фон сайта как средство общения с пользователем :)

Динамическая смена фонового цвета документа с шагом по времени

Рисуем график на канве JavaScript, кроссбраузерное решение

Кросс-браузерная канва для вывода рисунков

Gen_map или визуализация графов на Javascript

Предзагрузка, смена картинок через JavaScript и проблемы "большой тройки" браузеров

Новогодняя ёлочка на Javascript и фреймворк Prototype

Выключатель интернета

Делаем картинку, бегающую по окну браузера
Движение картинки за курсором по-современному

Javascript Image Distortion по-русски

Рисуем цветные кружочки движением мыши (для самых маленьких)

Рисуем цветные воздушные шарики на Javascript