Попап под каждый блок?

Question

[Breeze1]

Подскажите пожалуйста, есть много карточек сотрудников. По клику на каждую карточку открывается попап, с информацией об этом сотруднике. Как делать попапы ? создавать под каждого сотрудника свой попап ? или есть более универсальное решение ?

Answer 1

[Narts]

Сделать массив с информацией всех сотрудников, а при открытии попапа сотрудника, вытягивать его информацию из массива и вставлять в соответствующие места

Comments

[Breeze1]

а если эта информация из под админки будет загружаться ?

[Антон]

Breeze1, Храните в data атрибуте id сотрудника, аяксом передаете его в обработчик, из него вытягиваете из БД под этим id все данные сотрудника и передаете обратно в js, а там уже вызываете какой-то один попап, чистите его и загружаете в него переданные данные

Answer 2

[sloupok123]

В том месте в верстке, где вы кликаете по сотруднику, чтобы открылся попап, добавьте json строку в атрибут тега с информацией о конкретном сотруднике, например data-employe="ваш json". При клике на данного сотрудника вызываете один попап, спрятаный на странице и передавайте в него данный json с информацией о сотруднике, декодите его и вставляете в value нужных инпутов. Как-то так