PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Pavel8897
Отправлено: 18 Августа, 2017 - 11:58:10
Post Id


Новичок


Покинул форум
Сообщений всего: 31
Дата рег-ции: Авг. 2017  


Помог: 0 раз(а)




Подскажите пожалуйста, как написать простую функцию для всплывающего окна при нажатии на кнопку.

<form method='post' class='reg-form'; display:none;"> //скрытое окно
<button class="btnind">Начать поиск</button> //кнопка
 
 Top
rgl
Отправлено: 18 Августа, 2017 - 14:10:57
Post Id



Новичок


Покинул форум
Сообщений всего: 34
Дата рег-ции: Авг. 2017  
Откуда: замкадье


Помог: 1 раз(а)




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.  
 
 Top
Vladimir Kheifets
Отправлено: 19 Августа, 2017 - 09:48:41
Post Id



Гость


Покинул форум
Сообщений всего: 125
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 3 раз(а)




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
или на смартфоне
Прикреплено изображение
QR www.alto-booking.jpg

(Отредактировано автором: 19 Августа, 2017 - 09:49:39)

 
 Top
Pavel8897
Отправлено: 24 Августа, 2017 - 14:49:17
Post Id


Новичок


Покинул форум
Сообщений всего: 31
Дата рег-ции: Авг. 2017  


Помог: 0 раз(а)




Спасибо большое!

(Отредактировано автором: 24 Августа, 2017 - 14:57:30)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB