На этом уроке мы перенесем все скрипты JS в отдельный файл, а также реализуем открытие и скрытие элементов ввода информации
Дата отправки отчёта:
21 октября 2019 г.
Задание выполнено: за
1 день 14 мин.
Чему научился:
Переносить скрипты JS в отдельный файл, а также реализовывать открытие и скрытие элементов ввода информации
Что было сложным:
Вопрос: У нас в одном диве класса input-group infofield выражение data-id="<?=$photo_->id?>" используется 3 раза. Можно ли сделать как-то рефакторинг, чтобы его использовать один раз?
Научился: подключать глобально javascript. Трудности: О-хо-хо! Уж все по символу проверял. Какой-то у меня шрифт, что кавычки и апостроф смотрятся как одно целое. Решил я их пробелом разделить, и из-за этого скрипт не работал. Да! Как же тут не хватает какого-нибудь дебагера на пробелы php-шные! Это хорошо, что видео есть, а если его нет!? Что тогда будет с нами :) С C# как-то попроще получается :) Итак, самая сложная строчка : $("[data-id='" + r + "'].infofield").show();
Научился: Перенес JavaScript-код из представления в отдельный .js файл. Добавил в представление /photo/index скрытое поле для ввода информации. После нажатия кнопки "Управление" и при выборе пункта меню "Информация" становится видимым скрытое поле под выбранным изображением. Рядом с полем появляется новая кнопка "галочка" для скрытия поля.