Для связи: dmitriyzhuravlev (гав-гав) yandex.ru

Персональный сайт Дмитрия Журавлева


Мой ЖЖ: dimadima.livejournal.com — там дубль, плюс коментов больше.

Здесь я собираю скрипты, которые сам написал на JavaScript. Разные полезности.

Зачем это мне нужно? Прокачиваю свой скилл.
Комментариев нет

flipper.js - мой скрипт для листания фотографий на сайте. Скрипт - аналог так называемого лайтбокса (слайдер изображений Lightbox).

Для вставки на сайт надо в любое место html-кода страницы вставить код:

<script src="flipper.js"></script>

А картинкам добавить атрибут data-flipper. Пример кода:

<a href="1big.jpg" target="_blank"><img src="1small.jpg" class="smallImgForUrl" data-flipper></a>
<a href="2big.jpg" target="_blank"><img src="2small.jpg" class="smallImgForUrl" data-flipper></a>
<a href="3big.jpg" target="_blank"><img src="3small.jpg" class="smallImgForUrl" data-flipper></a>

<script src="flipper.js"></script>

У документа должен стоять современный доктайп HTML5:

<!DOCTYPE html>

Скрипт становится рабочим сразу после загрузки всего html-документа (используется событие DOMContentLoaded).
Скрипт не требует никаких сторонних библиотек (вроде jQuery), писал на "чистом" джаваскрипте.

Работоспособность в Internet Explorer проверял только в 11-й версии. В 8-й версии точно не работает (слишком старый и ничего нормального не поддерживает). Зато работает нормально в старой, но по-прежнему мной любимой Opera Presto.

Никаких ограничений на использование скрипта нет: редактируйте и копируйте в своё удовольствие.

Нью-Йорк
Париж
Нью-Йорк
Нью-Йорк
Париж
Геленджик
Нью-Йорк
Париж
Париж
Париж
Геленджик
Москва

Читать далее...

Комментариев нет

Примитивная как бы игра. Управление чуваком с клавиатуры: стрелки влево/вправо - движение, клавиша С - прыжок.


Написано на "ванильном" JS, используется обычный DOM.

Читать далее...

Комментариев нет


К дате:



прибавить дней:




Получается дата:

Комментариев нет

Для перемешивания используется алгоритм Фишера-Йетса (был популяризован Дональдом Кнутом): перебор элементов идёт от последнего элемента массива в сторону первого, меняя местами его со случайно-выбранным элементом.

Введите строки:


Результат:




 

Комментариев нет

Моя реализация drag-and-drop: мышкой можно переносить div-ы с одного места на другое. Хватайте мышкой какой-нибудь город и переносите его в другой список.
Переносятся элементы, у которых есть CSS-класс "draggable". Переносить можно внутрь элементов, у которых есть CSS-класс "container4draggable".

Москва
Париж
Нью-Йорк
Ростов-на-Дону
Рим
Барселона
Прага
Дрезден
Флоренция
Санкт-Петербург
Комментариев нет

Скрипт вычитает из первого списка строк второй список строк. Если совпадающих значений несколько, то удаляются все они. Регистр символов важен.
Введите массив (список) строк, из которого надо вычесть:

Введите массив (список) строк, который надо вычесть:

Результат:


Комментариев нет


Ваш браузер не поддерживает Canvas.


Кликом мышки можно управлять, куда пойдет персонаж. Движение построено на простом изменении координат игрока в игровом поле в сторону координат клика. Отсюда большой минус: если на пути персонажа встречается препятствие, то персонаж в него упирается и останавливается. Конечно, после клика вместо простого изменения координат надо просчитывать будущий путь игрока и потом уже идти по нему, но такое построение пути - на самом деле довольно сложная штука, а мне пока не хотелось тратить время на изучение этого и проектирование.

x последн. клика:
y последн. клика:
targetX игрока:
targetY игрока:
x игрока:
y игрока:
nextX игрока:
nextY игрока:
тест. счётчик:
Комментариев нет

Страницы: 1