Открыть страницу обработки формы в модальном окне

@Igorby · Регистрация: 18.01.2016

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

Как открыть страницу обработки формы (находящуюся в значении action) в модальном окне?

@atanov · 01.06.2018, 12:06

Igorby, поясните, как это

Сообщение от Igorby

находящуюся в значении action

@Igorby · 05.06.2018, 12:11 **[ТС]**

Сообщение от atanov

Igorby, поясните, как это

<form action="action.php">
...
</form>

action.php - страница обрабатывающая форму

@atanov · 05.06.2018, 12:15

Igorby, при submit html сам переправит на action.php. И модальных окон всего три alert, prompt и confirm.

@kalabuni · 05.06.2018, 12:57

Сообщение от atanov

модальных окон всего три alert, prompt и confirm.

урря, нашего полку прибыло

очень многие любят употреблять "умные" слова, не понимая их смысла
так, к примеру, страница с одним-единственным тегом <h1>это моя страница</h1> гордо становится сайтом

а автор дебильнейшего во всех отношениях сайта https://arcticlab.ru/arcticmodal/ свою никчемную программу обзывает "Правильные модальные окна"

@Igorby · 05.06.2018, 12:58 **[ТС]**

Сообщение от atanov

Igorby, при submit html сам переправит на action.php.

Я знаю. Но мне нужно, что-бы этот action.php открывался в модальном окне (нестандартном).

@AlexZaw · 05.06.2018, 13:04

Сообщение от kalabuni

урря, нашего полку прибыло

А что этого кто-то не знал? (я про модалки)

Сообщение от Igorby

Но мне нужно, что-бы этот action.php открывался в модальном окне (нестандартном)

А можно узнать смысл сего действия?

@atanov · 05.06.2018, 13:09

kalabuni, да ладно Вам, многим сие простительно.
Igorby, Вам придётся по шагам пройти Ваши "хотелки". action.php обрабатывает то, что html отправил на сервер. Скрипт на сервере и "открыться" в

Сообщение от Igorby

в модальном окне (нестандартном).

никак не может. А вот результат работы action.php очень даже можно вывести или в новой вкладке браузера или на текущей странице, сделав элемент, который будет выглядеть ну прям как модальное окно.

@kalabuni · 05.06.2018, 13:15

Сообщение от AlexZaw

А что этого кто-то не знал? (я про модалки)

ну я же дал ссылку на "арктическую лабораторию", где простой тултип именуется модальным окном, да ещё и "правильным"
народ на эту безграмотность ведётся, ещё и спорит: в интернете же так написано, значит, это недоразумение и есть "модальное окно"

@Igorby · 05.06.2018, 14:30 **[ТС]**

Сообщение от AlexZaw

А можно узнать смысл сего действия?

Представьте форму проверки свободного домена. После нажатии кнопки "Проверить", пользователя перебрасывает на стороннюю страницу /action.php.

Так вот не хотелось бы, что-бы страница перезагружалась и перекидывала пользователя, для проверки результатов, на стороннюю страницу. Необходимо результаты отобразить на той же странице в медленно всплывающем окне

Сообщение от atanov

А вот результат работы action.php очень даже можно вывести или в новой вкладке браузера или на текущей странице, сделав элемент, который будет выглядеть ну прям как модальное окно.

Возможно именно этого вполне себе хватит

@atanov · 05.06.2018, 15:30

Igorby, вот Вам для затравки:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
#fromServer{opacity:0;
background-color: #afafaf;
width:0px;
height:0px;
}
#fromServer.animate {
opacity:1;
width:300px;
height:300px;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
transition-property: opacity;
transition-duration: 9s;
}

HTML5
1
2
3
4
5
<link rel="stylesheet" type="text/css" href="79.css">
<div>one</div>
<div id = "fromServer">vvv</div>
<button>three</button>
<script src = "79.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
document.getElementsByTagName('button')[0].onclick = toActionDotPhp;
function toActionDotPhp(){
var toServer = new XMLHttpRequest();
toServer.open('POST', 'action.php', false);
toServer.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
toServer.send();
document.getElementById('fromServer').innerHTML = toServer.responseText;
document.getElementById('fromServer').classList.add('animate');
}

PHP
1
2
3
<?php
echo 'I am from $erverrr';  
?>

@Igorby · 05.06.2018, 16:15 **[ТС]**

Сообщение от atanov

PHP
1
2
3
<?php
echo 'I am from $erverrr';*
?>

Отлично

. Теперь при нажатии на, (как я понимаю) нулевой (то есть первый) button, идет подгрузка файла с сервера.
Но пока мы ни чего на сервер не отправляли (как в примере с проверкой свободного домена).
Теперь еще нужно разобраться как после нажатия на кнопку, осуществить отправку данных на сервер (название домена, название домена верхнего уровня).

То есть, что нужно прописывать вместо:

JavaScript
1
document.getElementsByTagName('button')[0].onclick = toActionDotPhp;

учитывая, что подгрузка файла с сервера идет после нажатия некоторой кнопки находящейся в форме?

@atanov · 05.06.2018, 16:27

Сообщение от Igorby

Теперь при нажатии на, (как я понимаю) нулевой (то есть первый) button

да.

Сообщение от Igorby

идет подгрузка файла с сервера

Нет. ajax отправляет запрос серверному скрипту, который запускается и что-то делает. В примере он выводит "I am from $erverrr".

Сообщение от Igorby

То есть, что нужно прописывать вместо:

Нет, это строка - назначение элементу обработчика события onclick; обработчик - функция toActionDotPhp.

Сообщение от Igorby

что подгрузка файла с сервера идет после нажатия

Нет подгрузки.

Сообщение от Igorby

нажатия некоторой кнопки

Да, кнопке назначен обработчик.

Сообщение от Igorby

находящейся в форме

Необязательно. Кнопка, да и любой элемент может быть где-угодно. даже по невидимой можно аппаратно нажать.

@Igorby · 05.06.2018, 16:50 **[ТС]**

Сообщение от atanov

Нет. ajax отправляет запрос серверному скрипту, который запускается и что-то делает. В примере он выводит "I am from $erverrr".

Ну в принципе я это и имел ввиду. Но если сейчас отправить запрос серверному скрипту обрабатывающему данные из формы. Никакого результата не последует. Как нужно отредактировать обработчик события onclick, что-бы в запросе серверному скрипту отправились данные из формы

?

@atanov · 05.06.2018, 16:51

Igorby, для начала html формы.

@Igorby · 05.06.2018, 17:03 **[ТС]**

Сообщение от atanov

Igorby, для начала html формы.

Пожалуйста:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    <form action="action.php" method="post" name="WhoisSubmit">
       <input name="page" type="hidden" value="whois" />
       <center>
          <table border="0" cellspacing="3" cellpadding="0">
             <tbody>
                <tr>
                   <td colspan="4" style="height: 20px;">&nbsp;</td>
                </tr>
                <tr>
                   <td align="right"><span class="therm_text">Домен:</span></td>
                   <td><input name="T1" size="20" type="text" /></td>
                   <td>
                      <select name="D1" size="1">
                         <option selected="selected" value=".kz">.kz</option>
                         <option value=".com">.com</option>
                         <option value=".ru">.ru</option>
                         <option value=".com.ru">.com.ru</option>
                         <option value=".net.ru">.net.ru</option>
                         <option value=".info">.info</option>
                         <option value=".net">.net</option>
                         <option value=".org">.org</option>
                      </select>
                   </td>
                   <td align="center">
                        <input type="submit" value="Проверить" />
                        </td>
                </tr>
             </tbody>
          </table>
       </center>
    </form>

@atanov · 05.06.2018, 17:28

Igorby,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<link rel="stylesheet" type="text/css" href="79.css">
<meta charset='utf-8'>
       <input name="page" type="hidden" value="whois" />
       <center>
          <table border="0" cellspacing="3" cellpadding="0">
             <tbody>
                <tr>
                   <td colspan="4" style="height: 20px;">&nbsp;</td>
                </tr>
                <tr>
                   <td align="right"><span class="therm_text">Домен:</span></td>
                   <td><input name="T1" size="20" type="text" /></td>
                   <td>
                      <select name="D1" size="1">
                         <option selected="selected" value=".kz">.kz</option>
                         <option value=".com">.com</option>
                         <option value=".ru">.ru</option>
                         <option value=".com.ru">.com.ru</option>
                         <option value=".net.ru">.net.ru</option>
                         <option value=".info">.info</option>
                         <option value=".net">.net</option>
                         <option value=".org">.org</option>
                      </select>
                   </td>
                   <td align="center">
                   <button>Проверить</button>
                        </td>
                </tr>
             </tbody>
          </table>
       </center>
       <div id = "fromServer"></div>
<script src = "79.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
document.getElementsByTagName('button')[0].onclick = toActionDotPhp;
function toActionDotPhp(){
var toServer = new XMLHttpRequest();
toServer.open('POST', 'action.php', false);
toServer.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
toServer.send('T1='+document.getElementsByName('T1')[0].value+'&D1='+document.getElementsByName('D1')[0].value);
document.getElementById('fromServer').innerHTML = toServer.responseText;
document.getElementById('fromServer').classList.add('animate');
}

PHP
1
2
3
<?php
echo 'на сервер пришло '.$_POST['T1'].' и '.$_POST['D1'];    
?>

@Igorby · 05.06.2018, 17:52 **[ТС]**

Сообщение от atanov

PHP
1
2
3
<?php
echo 'на сервер пришло '.$_POST['T1'].' и '.$_POST['D1']; * 
?>

При при использовании со стороны сервера следующего скрипта:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<?PHP
$error = True;
/////////////////////////////////////////////////
// DARKside studio 2002
/////////////////////////////////////////////////
 
/////////////////////////////////////////////////
// Модуль определения занятости домена и вывода
// информациии о владельце...
/////////////////////////////////////////////////
 
if ($_POST['B1'] == "Проверить") {
 
    if ($_POST['T1'] == "") {
        $msg = "Вы не указали домен на предыдущей странице.";
    } else {
// добавляем окончание к имени домена
        $adr = $_POST['T1'];
        $adr .= $_POST['D1'];
// формируем имя _POST сервера по окончанию домена
        if ($HTTP_POST_VARS['D1'] == ".ru") {
            $domain = "whois.ripn.net";
        }
        if ($_POST['D1'] == ".com.ru") {
            $domain = "whois.ripn.net";
        }
        if ($_POST['D1'] == ".net.ru") {
            $domain = "whois.ripn.net";
        }
        if ($_POST['D1'] == ".com") {
            $domain = "whois.tucows.com";
        }
        if ($_POST['D1'] == ".net") {
            $domain = "whois.tucows.com";
        }
        if ($_POST['D1'] == ".org") {
            $domain = "whois.tucows.com";
        }
        if ($_POST['D1'] == ".info") {
            $domain = "whois.afilias.info";
        }
        if ($_POST['D1'] == ".kz") {
            $domain = "whois.nic.kz";
        }
        
// присваиваем ответу и ошибкам нулевое значение
        $error = False;
        $reply = "";
// подключаемя к серверу
        $fp = fsockopen ($domain, "43", $errno, $errstr, 60);
        if (!$fp) {   
// если ошибка
            $reply = "$errstr ($errno)<br>\n";
        } else {
// если нет ошибки
            fputs ($fp, $adr."\r\n");
            while (!feof($fp)) {
// обрабатываем запрос для вывода на экран
                $tmp_reply = fgets ($fp,128);
                $tmp_reply = str_replace("\r", "", $tmp_reply);
                $tmp_reply = str_replace("\n", "<br>\n", $tmp_reply);
                $tmp_reply = str_replace("  ", "&nbsp;&nbsp;", $tmp_reply);
                $tmp_reply = str_replace("% NOTE:", "<b>К сведению пользователя:</b>", $tmp_reply);
                $tmp_reply = str_replace("% Use of any automated high volume processes that", "<i> Использование этой информации в целях, противоре-", $tmp_reply);
                $tmp_reply = str_replace("% apply&nbsp;&nbsp;to the RIPN Whois Service is prohibited.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("% apply to the RIPN Whois Service is prohibited.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("The Data in Network Solutions' WHOIS database is provided by Network", "<b>К сведению пользователя:</b>", $tmp_reply);
                $tmp_reply = str_replace("Solutions for information purposes, and to assist persons in obtaining", "<i> Использование этой информации в целях, противоре-", $tmp_reply);
                $tmp_reply = str_replace("information about or related to a domain name registration record.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("Network Solutions does not guarantee its accuracy.&nbsp;&nbsp;By submitting a<br>", "", $tmp_reply);
                $tmp_reply = str_replace("WHOIS query, you agree that you will use this Data only for lawful<br>", "", $tmp_reply);
                $tmp_reply = str_replace("purposes and that, under no circumstances will you use this Data to:<br>", "", $tmp_reply);
                $tmp_reply = str_replace("(1) allow, enable, or otherwise support the transmission of mass<br>", "", $tmp_reply);
                $tmp_reply = str_replace("unsolicited, commercial advertising or solicitations via e-mail<br>", "", $tmp_reply);
                $tmp_reply = str_replace("(spam); or&nbsp;&nbsp;(2) enable high volume, automated, electronic processes<br>", "", $tmp_reply);
                $tmp_reply = str_replace("that apply to Network Solutions (or its systems).&nbsp;&nbsp;Network Solutions<br>", "", $tmp_reply);
                $tmp_reply = str_replace("reserves the right to modify these terms at any time.&nbsp;&nbsp;By submitting<br>", "", $tmp_reply);
                $tmp_reply = str_replace("this query, you agree to abide by this policy.<br>", "", $tmp_reply);
 
                if (substr($reply, 0, 1) == " ") {
                    $tmp_reply = substr_replace($tmp_reply, "&nbsp;", 0, 1);
                }
// присваиваим ответу промежуточное значение
                $reply .= $tmp_reply;
            }
// отключаемся от сервера
            fclose ($fp);
            
// присваиваим ответу окончательное значение
            $reply = "Whois - сервер ответил на запрос <strong>".$adr."</strong>: <br><br>\n".$reply."";
        }
    }
}
 
/////////////////////////////////////////////////
// Модуль определения занятости IP и вывода
// информациии о владельце...
/////////////////////////////////////////////////
 
if ($_POST['B1'] == "Whois IP") {
 
    if ($_POST['T1'] == "") {
        $msg = "Вы не указали домен на предыдущей странице.";
    } else {
// узнаем имя домена
        $adr = gethostbyaddr($_POST['T1']);
// формируем имя WHOIS сервера по окончанию домена
        if ($_POST['D1'] == "Россия") {
            $domain = "whois.ripn.net";
        }
        if ($_POST['D1'] == "Заграница") {
            $domain = "whois.networksolutions.com";
        }
// присваиваем ответу и ошибкам нулевое значение
        $error = False;
        $reply = "";
// подключаемя к серверу
        $fp = fsockopen ($domain, "43", $errno, $errstr, 60);
        if (!$fp) {   
// если ошибка
            $reply = "$errstr ($errno)<br>\n";
        } else {
// если нет ошибки
            fputs ($fp, $adr."\r\n");
            while (!feof($fp)) {
// обрабатываем запрос для вывода на экран
                $tmp_reply = fgets ($fp,128);
                $tmp_reply = str_replace("\r", "", $tmp_reply);
                $tmp_reply = str_replace("\n", "<br>\n", $tmp_reply);
                $tmp_reply = str_replace("  ", "&nbsp;&nbsp;", $tmp_reply);
                $tmp_reply = str_replace("% NOTE:", "<b>К сведению пользователя:</b>", $tmp_reply);
                $tmp_reply = str_replace("% Use of any automated high volume processes that", "<i> Использование этой информации в целях, противоре-", $tmp_reply);
                $tmp_reply = str_replace("% apply&nbsp;&nbsp;to the RIPN Whois Service is prohibited.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("% apply to the RIPN Whois Service is prohibited.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("The Data in Network Solutions' WHOIS database is provided by Network", "<b>К сведению пользователя:</b>", $tmp_reply);
                $tmp_reply = str_replace("Solutions for information purposes, and to assist persons in obtaining", "<i> Использование этой информации в целях, противоре-", $tmp_reply);
                $tmp_reply = str_replace("information about or related to a domain name registration record.", "чащих законодательству РФ - преследуются по закону!!!</i>", $tmp_reply);
                $tmp_reply = str_replace("Network Solutions does not guarantee its accuracy.&nbsp;&nbsp;By submitting a<br>", "", $tmp_reply);
                $tmp_reply = str_replace("WHOIS query, you agree that you will use this Data only for lawful<br>", "", $tmp_reply);
                $tmp_reply = str_replace("purposes and that, under no circumstances will you use this Data to:<br>", "", $tmp_reply);
                $tmp_reply = str_replace("(1) allow, enable, or otherwise support the transmission of mass<br>", "", $tmp_reply);
                $tmp_reply = str_replace("unsolicited, commercial advertising or solicitations via e-mail<br>", "", $tmp_reply);
                $tmp_reply = str_replace("(spam); or&nbsp;&nbsp;(2) enable high volume, automated, electronic processes<br>", "", $tmp_reply);
                $tmp_reply = str_replace("that apply to Network Solutions (or its systems).&nbsp;&nbsp;Network Solutions<br>", "", $tmp_reply);
                $tmp_reply = str_replace("reserves the right to modify these terms at any time.&nbsp;&nbsp;By submitting<br>", "", $tmp_reply);
                $tmp_reply = str_replace("this query, you agree to abide by this policy.<br>", "", $tmp_reply);
 
                if (substr($reply, 0, 1) == " ") {
                    $tmp_reply = substr_replace($tmp_reply, "&nbsp;", 0, 1);
                }
// присваиваим ответу промежуточное значение
                $reply .= $tmp_reply;
            }
// отключаемся от сервера
            fclose ($fp);
// присваиваим ответу окончательное значение
            $reply = "<strong>".$HTTP_POST_VARS['T1']."(домен:".$adr.")</strong>: <br><br>\n".$reply;
        }
    }
}
 
/////////////////////////////////////////////////
// Модуль определения IP адресса по домену
/////////////////////////////////////////////////
 
if ($_POST['B1'] == "Узнать IP") {
    if ($_POST['T1'] == "") {
// если ошибка
        $msg = "Вы не указали домен на предыдущей странице.";
    } else {
// если нет ошибки
        $error = False;
// формируем ответ
        $reply = "IP адрес для домена <strong>".$_POST['T1']."</strong>:<br>".gethostbyname($_POST['T1']);
    }
}
 
/////////////////////////////////////////////////
// Модуль определения домена по IP адрессу
/////////////////////////////////////////////////
 
if ($_POST['B1'] == "Узнать Домен") {
    if ($_POST['T1'] == "") {
// если ошибка
        $msg = "Вы не указали IP на предыдущей странице.";
    } else {
// если нет ошибки
        $error = False;
// формируем ответ
        $reply = "Домен для IP адресса <strong>".$_POST['T1']."</strong>:<br>".gethostbyaddr($_POST['T1']);
    }
}
// если ошибка
    if ($error) {
        echo "<p><font face='Arial' size='2'>".$msg."</font></p>\n";
        echo "<p><font face='Arial' size='2'>Нажмите <A HREF=JavaScript:history.back()>сюда</a> чтобы вернуться.</font></p>\n";
    } else {
    echo "<p><font face='Arial' size='2'>".$reply."</font></p>\n";
    }
// формируем низ
?>

форма проверка работает не корректно.

@atanov · 05.06.2018, 17:56

Сообщение от Igorby

форма проверка работает не корректно.

Это Ваш скрипт?

@Igorby · 06.06.2018, 07:18 **[ТС]**

Сообщение от atanov

Это Ваш скрипт

Ну да. Тот который работает если отрабатывает во внешней вкладке /action.php

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Igorby 1 / 1 / 0 Регистрация: 18.01.2016 Сообщений: 195

	Открыть страницу обработки формы в модальном окне 01.06.2018, 11:28. Показов 4730. Ответов 32 Метки нет (Все метки) Как открыть страницу обработки формы (находящуюся в значении action) в модальном окне? 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	05.06.2018, 12:15
	Igorby, при submit html сам переправит на action.php. И модальных окон всего три alert, prompt и confirm. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	05.06.2018, 16:51
	Igorby, для начала html формы. 0