Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Всплывающее окно при нажатии

Страниц (1): [1]
 

1. Pavel8897 - 18 Августа, 2017 - 11:58:10 - перейти к сообщению
Подскажите пожалуйста, как написать простую функцию для всплывающего окна при нажатии на кнопку.

<form method='post' class='reg-form'; display:none;"> //скрытое окно
<button class="btnind">Начать поиск</button> //кнопка
2. rgl - 18 Августа, 2017 - 14:10:57 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <form id="vsplyvalka" style="display:none">
  3. то, что нужно внутри формы
  4. </form>
  5. <!-- чтобы кнопка была видна при скрытой форме, она должна находиться после закрывающего form, т.е. снаружи от формы -->
  6. <input type="button" value="начать поиск" onclick="document.getElementById('vsplyvalka').style.display = 'block'">
  7.  
3. Vladimir Kheifets - 19 Августа, 2017 - 09:48:41 - перейти к сообщению
Pavel8897 пишет:
Подскажите пожалуйста, как написать простую функцию для всплывающего окна при нажатии на кнопку.
<form method='post' class='reg-form'; display:none;"> //скрытое окно
<button class="btnind">Начать поиск</button> //кнопка

Добрый день!
Не столь принципиально, но здесь ошибка в коде <form method='post' class='reg-form'; display:none;"> //скрытое окно
видимо Вы хотели написать <form method='post' class='reg-form' style=' display:none' >
2. Если что-то всплывает, то должно и уплывать. Вам нужны две функции.

Можно сделать так:
1. После <body> поставить:
CODE (html):
скопировать код в буфер обмена
  1. <DIV id="HelpDiv" class="popup bottom"  style="Z-INDEX: 100;POSITION: absolute"></DIV>


2. CSS
Спойлер (Отобразить)

3. Использовать для “всплывания” JS функцию dcs
Параметры:
orient - ориентация окна относительно объекта 1-top,2-bottom,3-left,4-right
txt - контент,
W – ширина окна, может быть не задана
obj – объект,к которому привязывается окно

для “уплывания”функция nd()

Спойлер (Отобразить)

Можно посмотреть как работает на PC здесь
https://www[dot]alto-booking[dot]com
или на смартфоне
4. Pavel8897 - 24 Августа, 2017 - 14:49:17 - перейти к сообщению
Спасибо большое!

 

Powered by ExBB FM 1.0 RC1