Nickolay.info. 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

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

Простой офисный калькулятор на 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: код зла :)

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

Помесячный календарь. Точный помесячный григорианский календарь до 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, с ответами "да" или "нет" и подсчетом баллов

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

Тест на астеническое состояние. Один из бичей нашего депрессивного времени - астенический синдром. Оцените - все ли у Вас в порядке? (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

Добавление ссылки в Избранное, работающее для всех браузеров

Поиск ссылок. Образец поиска по ссылкам в документе (поиск ведется по 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 или другой выбор чисел из набора

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

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

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

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

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

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

Слить все строки текста в одну

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

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

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

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

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

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

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

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

Пауза на Javascript?

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

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

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

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

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

JQuery, AJAX

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

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

Графика

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

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

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

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

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

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

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

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

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

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

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

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

Делаем фейерверк на Javascript

Фонтан, который не заткнётся, он же на Javascript :)

Праздничный салют на каждый день :)

Рисуем самый простой фрактал на Javascript

Ковёр Серпинского на Javascript/HTML

Javascript: рисуем идущие часы со стрелками

Картинка "Инь-Ян" программно

Javascript Death Star

Ещё одна сфера на Javascript

Радужный круг и радуга на Javascript

Рисуем смайлик на канве

Циклическое движение картинки по канве

Бесконечный лес на Javascript

Рисуем множество Жюлиа

Рисуем множество Мандельброта

Строим диаграмму Вороного

Общая площадь окружностей или сколько цветных пикселов на картинке

Находим разницу между картинками в процентах

Сетка из правильных шестиугольников на канве

Вращающийся кубик

Делаем "векторную" графику на Javascript

Полярные цветы

Зеркальный День или отрази картинку на canvas

Простая модель "Солнце, Земля и Луна" на Javascript

Пишем на Javascript putpixel, getpixel и алгоритм Брезенхэма для окружности

Голубая лагуна на Javascript

Спираль на Javascript

Шахматы на JavaScript

Шахматная "ходилка" на JavaScript

Шахматная ходилка-2 с библиотеками chess.js и chessboard.js

Javascript Drag-and-drop Chess Position Builder - онлайн-построитель шахматных позиций в нотации FEN, реализация через drag-and-drop

Пример играющего шахматного скрипта на Javascript

База данных шахматных окончаний (таблицы Налимова) - как поставить у себя на сайте?

Онлайн-доступ к базе шахматных дебютов

Задача об N ферзях: короткое решение на JavaScript с визуализацией

Задача о расстановке ладей: ещё проще, чем с ферзями :)

Расстановка слонов на шахматной доске

Путь коня по доске NxN

Мат ферзём и королём одинокому королю

Конвертер длинной нотации PGN в короткую

Делаем онлайн-решалку шахматных задач

Пишем простой ИИ для шахмат на Javascript

Про шахматы Фишера и скрипт для начальной расстановки фигур в них

Изучаем ходы шахматных фигур - сервис для работы с фигурами на доске в режиме "перетащил и оставил"

Случайные шахматы-2 или майним шахматную криптовалюту - сервис для генерации рандомных шахматных партий

Онлайн-тренажёр "Шахматная доска" - сервис с тремя играми для изучения шахматной доски

Игра Hexapawn онлайн

Мои расширения для Chrome (Javascript, JQuery)

Неубиваемое "Отключение расширений в режиме разработчика" и взлом "Хрома", чтобы его убрать

Самое маленькое в мире расширение для Google Chrome (пустая начальная страница)

Учим Chrome открывать файлы .URL

Убираем строку состояния браузера (status bar)

Пишем "Добрый браузер правды" или замена слов на загружаемых веб-страницах

Рейтинг@Mail.ru

вверх гостевая; E-mail