Форма в модальном окне

25.06.2012, 12:52. Показов 1611. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте! подскажите, как сделать так, чтобы получить значения из формы в модальном окне, подгружаемой скриптом?
То есть, есть скрипт, он выводит модальное окно, в скрипе подгружается форма. Нужно, чтобы введенные в форму данные при нажатии кнопки "Продолжить" отправлялись на почту.
Вот код скрипта:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="/published/SC/html/scripts/js/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">$(document).ready(function(){
    $("head").append("<link>");
    css = $("head").children(":last");
    css.attr({
        rel: "stylesheet",
        type: "text/css",
        href: "http://*****/published/SC/html/scripts/js/start/jquery-ui-1.8.21.custom.css" 
    });
        
    function getData(data){
        $(data).insertAfter('#box');
        $('.dialog_form').dialog({modal:"true", show:"blind" })
    }
    
    $.post('/modalWindow.php', function(data){
        getData(data);
    })      
    
    
})
</script>

Ну и сама форма:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php
    
        echo '<div class="dialog_form" style="display:none;margin-left:12px;">
                <form id="formModal" method="POST" action="">
                <label>Email</label>
                <input name="email_cust" id="email_cust"/>
                <br/>
                <label style="margin-right: 7px;">Имя</label>
                <input name="name_cust" id="name_cust"/>
                </br>
                <input name="sbmt" type="submit" value="Продолжить">
                </form></div>';

Добавлено через 14 минут
Почти сделала, единственная проблема сейчас, в письмо приходят пустые значения))

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

25.06.2012, 12:52

Ответы с готовыми решениями:

Слайдер в модальном окне
Добрый день! Подскажите как реализовать слайдер в слайдере. Внешний слайдер всплывающий типа Lightbox popup открывается при нажатии на...

Не работает JS в модальном окне
Здравствуйте. Есть сайт, в нём работает карусель картинок и работают модальные окна (bootsrap 3 наверное). И понадобилось мне сделать...

Fileexplorer в модальном окне
Добрый день ув. пользователи! Подскажите пожалуйста, возможно ли в модальном окне организовать перемещение по директориям с...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

25.06.2012, 12:52

Помогаю со студенческими работами здесь

Вывод сообщения в модальном окне
Извините если не в той теми пишу, просто не знаю где написать, я написал скрип на php который отправляет сообщение на эмайл, но мне не...

Открыть ссылку в модальном окне
Добрый день! И снова я со своими модальными окнами. При клике на <а href=antrga_ansehen.php class="modal"> должно...

Пропадает редактор в модальном окне
В модальном окне пропадает редактор tinyMCE со второго раза. Модальное окно fancybox. Вот код: Кнопка <a...

Скролл с якорем в модальном окне
Ребят, сделал скролл в модальном окне и в меню табов сделал 'якорь' , должно было получится , что при нажатии определенного таба контент...

Ошибки PHP в модальном окне
Здравствуйте подскажите пожалуйста как сделать js чтоб все ошибки PHP выходило в модальном окне ? код вывода PHP <?php ...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .

Наверх