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

Формула программиста
основатель — Волосатов Евгений Витольдович
Приходи на 3-дневный мастер-класс по C#

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

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




Оцени работу

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


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




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

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

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

Ты в любой момент сможешь отписаться от рассылки.
Научился:  На этом ypоке мы завершим поcaдкy фигуры на новую клетку шахматной доски. При отпускании фигуры происходит событие ondrop, в атрибуте которого мы сделаем вызов функции drop(). Эта функция принимает событие event. Нам опять нужно отменить действие по умолчанию и принять полученный объект. Помните, мы сохраняли id-код span'a, фигуру которого мы переносим? Теперь мы получаем этот код, чтобы получить доступ к span элементу. На этот раз в event.target находится площадка приземления, мы используем её метод appendChild() для размещения объекта. Всё работает! Правда, у нас ещё не работает «взятие фигур». Если поместить фигуру туда, где уже есть другая - на одной клетке появится сразу две фигуры.
---
Научился: Научился получать id код фигуры на которой сработало событие. И переносить span c фигурой в другой div.
всё отлично