@mortyyyyy

Как создаются подобные виджеты?

Например различные календари, датапикеры и т.д, когда по клику на иконку, поле ввода... на этом же месте появляется календарь или какой-нибудь другой элемент. Создается элемент и позиционируется относительно элемента, который вызывает событие или элемент сразу находится в нужном месте и просто скрыт? И как правильно делать, если реализовывать самому?
  • Вопрос задан
  • 134 просмотра
Решения вопроса 2
twobomb
@twobomb
По разному можно позиционировать по координатам мыши, можно элементу на который кликнули, а может о там и заранее был скрыт.
Вот пример https://jsfiddle.net/65Lxxa2n/1/
Ответ написан
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
1. Получаем ссылку на ноду по которой кликнули
2. Измеряем этот элемент, получаем его координаты
3. Создаем див с датапикером (изначально top/left -9999px например)
4. Позиционируем элемент по ранее полученным координатам.
5. После выбора даты, прячем датапикер (опять уводим в -9999px например)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы