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
Оценивание арифметических выражений "на лету" - как реализовать максимально просто?
Калькулятор мер и весов. Перевод старинных русских и английских мер и весов в международные и обратно! (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
Календари и часы |
Помесячный календарь. Точный помесячный григорианский календарь до 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. Исходник - на странице скрипта
Китайский лунный календарь
Когда наступит китайский новый год?
Пишем информер средствами HTML и JavaScript
Смена фона страницы в реальном времени
Номер недели и дня в году, чётная/нечётная недели и другое
Простой секундомер на Javascript
Как сделать голосовые часы или Когда Дима Ложится?
Тесты |
Как сделать простой тест на JavaScript, с ответами "да" или "нет" и подсчетом баллов
Простой тест с подсчётом отмеченных пунктов - более изящный вариант решения
Тест на астеническое состояние. Один из бичей нашего депрессивного времени - астенический синдром. Оцените - все ли у Вас в порядке? (astenika.zip, 4 Кб)
Тест на Интернет-зависимость. Сам тест выполнен и адаптирован В.А. Буровой, софт мой. (inet.zip, 8 Кб)
Тест по подбору косметической продукции :-). Ответьте на вопросы, тест определит Ваш тип кожи и, исходя из этого, даст рекомендации (production.zip, 11 Кб)
Цвета |
Все цвета Интернет. Выбор цветов по коду, имени и с помощью интенсивностей 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
Показ/скрытие элементов страницы по событию
Как выделить часть документа одним кликом?
Как проще всего вывести дерево со сворачиванием и разворачиванием узлов?
Как показать коды всех функций из документа?
Определяем "коды клавиш браузера" или почему F1 = 112, а не 59
Отслеживаем координаты и клик мыши
JQuery, AJAX |
Используем Javascript и XMLHttpResult для получения данных из файла на сервере
Графика |
Фотогалерея. Простая JavaScript-галерея с настройками количества картинок на странице, общего числа картинок, ширины и высоты картинки (исходник на странице скрипта)
Динамический фон сайта как средство общения с пользователем :)
Динамическая смена фонового цвета документа с шагом по времени
Рисуем график на канве JavaScript, кроссбраузерное решение
Кросс-браузерная канва для вывода рисунков
Gen_map или визуализация графов на Javascript
Предзагрузка, смена картинок через JavaScript и проблемы "большой тройки" браузеров
Новогодняя ёлочка на Javascript и фреймворк Prototype
Делаем картинку, бегающую по окну браузера
Движение картинки за курсором по-современному
Javascript Image Distortion по-русски
Рисуем цветные кружочки движением мыши (для самых маленьких)
Делаем фейерверк на Javascript
Фонтан, который не заткнётся, он же на Javascript :)
Праздничный салют на каждый день :)
Рисуем самый простой фрактал на Javascript
Ковёр Серпинского на Javascript/HTML
Javascript: рисуем идущие часы со стрелками
Радужный круг и радуга на Javascript
Циклическое движение картинки по канве
Общая площадь окружностей или сколько цветных пикселов на картинке
Находим разницу между картинками в процентах
Сетка из правильных шестиугольников на канве
Делаем "векторную" графику на Javascript
Зеркальный День или отрази картинку на canvas
Простая модель "Солнце, Земля и Луна" на Javascript
Пишем на Javascript putpixel, getpixel и алгоритм Брезенхэма для окружности
Шахматы на JavaScript |
Шахматная "ходилка" на JavaScript
Шахматная ходилка-2 с библиотеками chess.js и chessboard.js
Javascript Drag-and-drop Chess Position Builder - онлайн-построитель шахматных позиций в нотации FEN, реализация через drag-and-drop
Пример играющего шахматного скрипта на Javascript
База данных шахматных окончаний (таблицы Налимова) - как поставить у себя на сайте?
Онлайн-доступ к базе шахматных дебютов
Задача об N ферзях: короткое решение на JavaScript с визуализацией
Задача о расстановке ладей: ещё проще, чем с ферзями :)
Расстановка слонов на шахматной доске
Мат ферзём и королём одинокому королю
Конвертер длинной нотации PGN в короткую
Делаем онлайн-решалку шахматных задач
Пишем простой ИИ для шахмат на Javascript
Про шахматы Фишера и скрипт для начальной расстановки фигур в них
Изучаем ходы шахматных фигур - сервис для работы с фигурами на доске в режиме "перетащил и оставил"
Случайные шахматы-2 или майним шахматную криптовалюту - сервис для генерации рандомных шахматных партий
Онлайн-тренажёр "Шахматная доска" - сервис с тремя играми для изучения шахматной доски
Мои расширения для Chrome (Javascript, JQuery) |
Неубиваемое "Отключение расширений в режиме разработчика" и взлом "Хрома", чтобы его убрать
Самое маленькое в мире расширение для Google Chrome (пустая начальная страница)
Учим Chrome открывать файлы .URL
Убираем строку состояния браузера (status bar)
Пишем "Добрый браузер правды" или замена слов на загружаемых веб-страницах
![]() |