Как показать форму ПОСЛЕ клика мышью ?

Question

[Денис Васильев]

Поставил форму авторизации на странице.
Теперь не могу понять, как можно добиться, чтобы форма появлялась не после НАВЕДЕНИЯ (li:hover), а после нажатия кнопки мыши, и чтобы оставалась, а не пропадала.. Пробовал и active, и target. Все не то, может кто сталкивался и знает решение?

Answer 1

[Виталий Киренков]

Так как у вас всё запущено с js, то делайте это через checkbox.

Делаете его поверх кнопки, растягиваете, ставите прозрачность - 0. Форма должна находиться физически после этого чекбокса и стилями показываете

input[type="checkbox"]:checked ~ .popover { display: block;}

Я думаю понятно да, что вам нужно будет подставить свои классы? Так вы обойдётесь без js-а.

Comments

[Денис Васильев]

@Виталий Киренков а как растянуть чекбокс поверх кнопки???

[Денис Васильев]

@Виталий Киренков А все, здесь разобрался! А как сделать, чтобы когда фокус с формы пропадает (с класса .popover), то инпуту присвоить unchecked! Так можно?

[Виталий Киренков]

Много хотите... Учите js.

[Денис Васильев]

спасибо)

[Денис Васильев]

@Виталий Киренков Еще вопрос, а можно же собитие onclick повесить, как только записать, чтоб div такой то = opacity:1 ??? onclick="#div {opacity:1}" - так не получается(

[Виталий Киренков]

Денис Васильев: Не несите бред... Если вас прямо приспичило сделать попап- используйте Fancybox - он прост в интеграции. Странный вы верстальщик, если даже таких основ js-а не знаете...

[Денис Васильев]

@Виталий Киренков в том то и дело, что хотелось бы не попап, а средствами css выезжающую панель. все получилось в итоге, однако как сделать, чтоб форма оставалась когда нет фокуса - загадка пока

[Виталий Киренков]

Денис Васильев: тут уже нужен js, и если вы не в силах это сделать, то тут по соседству есть сервис Фрилансим, где куча верстальщиков, которые сделают это с превеликим удовольствием за умеренную плату.

[Денис Васильев]

ок, спасибо!

[Денис Васильев]

@Виталий Киренков А Вы не возметесь, быстро и понятно получается.

[Виталий Киренков]

Денис Васильев: стукните в скайп, он в профиле.