Помощник
|
Как сделать всплывающее окно на html |
Илюха
|
Сообщение
#1
|
||
|
|
||
|
|||
MeTaTRoN |
30.6.2013, 18:12;
Ответить: MeTaTRoN
Сообщение
#2
|
|
-------------------- Реклама на аниме сайте Услуги программиста, тема на форуме |
|
|
Hallboy222 |
30.6.2013, 18:16;
Ответить: Hallboy222
Сообщение
#3
|
|
Подключить jquery и читать про модальное окно.
Либо использовать бутстрап, там попроще будет. |
|
|
Илюха
|
Сообщение
#4
|
|
то что в ролике не совсем то, а может я скорее в коде ничего не понимаю.
|
|
|
Hallboy222 |
30.6.2013, 18:51;
Ответить: Hallboy222
Сообщение
#5
|
|
|
|
|
Илюха
|
Сообщение
#6
|
|
Видимо код для меня это тяжко, а сколько примерно будет стоить накодить это? Как мини ТЗ, на сайте имеем картинку как кнопку, при нажатии на эту картинку должно появляться окно с полями которые нужно заполнить, все остальное закрывает сайт как серенькой заливкой пока окно активно. Все данные которые заноситься в форму должны отправляться на емайл администратору указанному где-то в коде.
Сообщение отредактировал Илюха - 30.6.2013, 19:38 |
|
|
bibika |
30.6.2013, 23:04;
Ответить: bibika
Сообщение
#7
|
|
Поищите в гугле JQuery+модальное окно. Картинку оборачиваем в ссылку и показываем окно с формой. Там все просто, если вообще лень то цена такой работы не больше 10$
Вот погуглил за Вас, первые три результата которые мне понравились наиобольше: http://www.xiper.net/collect/js-plugins/ga...y/fancybox.html http://arcticlab.ru/arcticmodal/ http://kotweb.ru/26-17-vsplyvayuschih-i-mo...dlya-sayta.html -------------------- |
|
|
altmer88 |
30.6.2013, 23:37;
Ответить: altmer88
Сообщение
#8
|
|
Еще проще вариант, подключите плагин fancybox. Далее:
1) создаем невидимый контейнер <div style="display:none;"><div id="popup">{содержимое окна}</div></div> 2) Создаем ссылку, по которой окно открываем: <a href="#popup" class="fancybox">Открыть окно</a> 3) Подключаем fancybox к ссылке в js файле $('.fancybox').fancybox({параметры}); Возможно, в параметрах нужно будет задать тип "iframe". Не помню уже. Но это, по моему, самый удобный и быстрый вариант модального всплывающего окна. В общем, пользуйтесь Сообщение отредактировал altmer88 - 30.6.2013, 23:37 |
|
|
moslem |
1.7.2013, 0:17;
Ответить: moslem
Сообщение
#9
|
|
Как сделать модальное окно описывается в этой статье
http://verstaka.net/html-css-verstka/vsply...css-jquery.html А демо пример можно взглянуть здесь http://verstaka.net/examples/html-css/popu.../popup-new.html |
|
|
anloc |
2.7.2013, 11:34;
Ответить: anloc
Сообщение
#10
|
|
|
Окно можно сделать вот так http://jqueryui.com/dialog/
Но если у вас там форма, то помимо самого окна нужно данные этой формы как-то сохранять/обрабатывать.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 676 | Вчера, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19851 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3461 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5031 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2032 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 25.4.2024, 3:52 |