Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

НаноШахматы / JavaScript - Завершение хода

  • На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски.
    При отпускании фигуры происходит событие ondrop,
    в атрибуте которого мы сделаем вызов функции drop().
    Эта функция принимает событие event.
    Нам опять нужно отменить действие по умолчанию и принять полученный объект.
    Помните, мы сохраняли id-код span'a, фигуру которого мы переносим?
    Теперь мы получаем этот код, чтобы получить доступ к span элементу.
    На этот раз в event.target находится площадка приземления,
    мы используем её метод appendChild() для размещения объекта.
  • Дата отправки отчёта: 9 октября 2016 г.
  • Задание выполнено: за 1 час. 20 мин.
  • Чему научился: Научился осуществлять перестановку фигур.
  • Что было сложным: Из-за браузера долго провозился на IE никак не хотел работать через хром пошло.
  • Комментарии: Все норм.
  • Оценка видео-уроку:
Отчёт от 7238 за НаноШахматы / JavaScript - Завершение хода




Оцени работу

 
Сохранить страницу:

10558. --
Иван Воронин
Иван Воронин
ответить
→  Константин  # НаноШахматы / JavaScript - Завершение хода / 2016-10-09 12:49

IE уже классика, давно пора переходить на передовые браузеры или писать свой =)


7238. --
Константин
Константин
ответить
→  Иван Воронин  # НаноШахматы / JavaScript - Завершение хода / 2016-10-09 13:55

Ну в 7-ке еще пока по умолчанию IE. Кстати студия 2013 и 2015 уже только на 8-ку ставится?


10558. --
Иван Воронин
Иван Воронин
ответить
→  Константин  # НаноШахматы / JavaScript - Завершение хода / 2016-10-09 14:21

Только что поставил 2015 на 7 без проблем, так что думаю 2013 тоже встанет на 7, работает шустро.



Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Научился реализации Drag'n'Drop
Как реализовать задание со звездочкой пока не знаю - JS не владею, но в принципе есть догадки, что надо использовать не appendChild, а replaceChild, либо после аппенда удалять предыдущего потомка. Ну да ладно, посмотрим как это реализовано в следующем уроке.


Научился: event - ход или событие Сначала отключаются действия браузера по умолчанию для собственных идей Затем getData присваивает переменной id значение фигуры с клетки откуда ходили appendChild присваивает клетке где отпустили ЛКМ значение шахматной фигуры с клетки где ЛКМ была зажата
Трудности: https://www.youtube.com/watch?v=T5WdpSPeQUE