Size: a a a

CSS — русскоговорящее сообщество

2020 June 06

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Тем более настолько странные как бгсайз внутри бг)
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
подскажите вариант
делаю компонентик (вуй) модалка (confirm). Вставляю на страницу (он невидим). При клике на разные кнопочки на странице, вызываю у компонента метод show и он проявляется (классом) и должен позиционироваться под нужную кнопку.
как нынче правильнее ?
1) когдато тупо координаты вычисляли и js ом выставляли.
2) можно его в ДОМ затащить в кнопку и оно само абсолютом выставится.
3) есть еще фичи?
источник

О

Олег in CSS — русскоговорящее сообщество
Michael Chechin
подскажите вариант
делаю компонентик (вуй) модалка (confirm). Вставляю на страницу (он невидим). При клике на разные кнопочки на странице, вызываю у компонента метод show и он проявляется (классом) и должен позиционироваться под нужную кнопку.
как нынче правильнее ?
1) когдато тупо координаты вычисляли и js ом выставляли.
2) можно его в ДОМ затащить в кнопку и оно само абсолютом выставится.
3) есть еще фичи?
я бы сделал форму внутри дива с кнопкой
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Олег
я бы сделал форму внутри дива с кнопкой
я так и сделал.. крутой блин компонент. кнопка+окошко
теперь оказалось что не канает
кнопочка  эта на каждой строчке таблице. проявляется на ховер строки. ты ее нажал, окшко открыл, мышу отвел - и все исчезло))
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Michael Chechin
подскажите вариант
делаю компонентик (вуй) модалка (confirm). Вставляю на страницу (он невидим). При клике на разные кнопочки на странице, вызываю у компонента метод show и он проявляется (классом) и должен позиционироваться под нужную кнопку.
как нынче правильнее ?
1) когдато тупо координаты вычисляли и js ом выставляли.
2) можно его в ДОМ затащить в кнопку и оно само абсолютом выставится.
3) есть еще фичи?
Модалка позиционируется по центру экрана. Какие координаты и привязка к кнопке?!
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Модалка позиционируется по центру экрана. Какие координаты и привязка к кнопке?!
назовем контекстным меню )
источник

О

Олег in CSS — русскоговорящее сообщество
Michael Chechin
подскажите вариант
делаю компонентик (вуй) модалка (confirm). Вставляю на страницу (он невидим). При клике на разные кнопочки на странице, вызываю у компонента метод show и он проявляется (классом) и должен позиционироваться под нужную кнопку.
как нынче правильнее ?
1) когдато тупо координаты вычисляли и js ом выставляли.
2) можно его в ДОМ затащить в кнопку и оно само абсолютом выставится.
3) есть еще фичи?
но возможно правильнее вычислять координаты по нажатию на кнопку и хранить все модалки в одном месте
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Michael Chechin
назовем контекстным меню )
Назовём? Используйте правильную терминологию, чтобы вас понимали
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Олег
но возможно правильнее вычислять координаты по нажатию на кнопку и хранить все модалки в одном месте
вот как вариант обдумал. копманент создает  окошко скрытое.  Кнопки дергают его, передавая себя (для расчета позиции)
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Назовём? Используйте правильную терминологию, чтобы вас понимали
ну там надпись Удалить проявляется на каждой строке - выскакивает окошко "вы уверены? да нет" . Значит "всплывающее окно".

вот и передумал делать его одно, чтоб они не плодились
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Если контекстное меню и точка вызова динамичная, то не стоит вытаскивать на уровень дома, поскольку вам придётся ре-позиционировать при скролле окна
источник

О

Олег in CSS — русскоговорящее сообщество
Michael Chechin
вот как вариант обдумал. копманент создает  окошко скрытое.  Кнопки дергают его, передавая себя (для расчета позиции)
а как выглядит форма? она должна быть строго под кнопкой? просто если там строгая позиция то тебе тогда нужно по онклик на кнопке находить нижнюю часть кнопки и туда вставлять
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Олег
а как выглядит форма? она должна быть строго под кнопкой? просто если там строгая позиция то тебе тогда нужно по онклик на кнопке находить нижнюю часть кнопки и туда вставлять
на макете просто окошечко,   ниже и примерно центрировано под кнопкой ( кстати и задумывался, как сделать чтоб за край экрана не лезло, если кнопка у краев, стилями.. не придумал)
источник

О

Олег in CSS — русскоговорящее сообщество
Michael Chechin
на макете просто окошечко,   ниже и примерно центрировано под кнопкой ( кстати и задумывался, как сделать чтоб за край экрана не лезло, если кнопка у краев, стилями.. не придумал)
приколньо
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
спасибо. буду делать абсолют и  js координаты выставлять
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Господи...
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Michael Chechin
спасибо. буду делать абсолют и  js координаты выставлять
Ещё раз. При вынесении на уровень дома, при скролле ты будешь терять привязку к элементу
источник

Кm

Кирилл mrDoode in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Господи...
Зачем я зашёл в чат, такой хороший вечер субботу был...
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
что не так, сам сказал по дому лучше не таскать
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Michael Chechin
что не так, сам сказал по дому лучше не таскать
Так если локально вызываешь зачем тебе js?
источник