Как вставить форму заказа на сайт

@deadfox_tlt · Регистрация: 21.06.2015

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

Всем Здравствуйте. Подскажите пожалуйста как вставить форму заказа на сайт. У меня Landing Page. Делаю первый раз, взял за основу универсальный шаблон, сайт почти готов, а форма заказа не работает.

Сама кнопка выглядит так:

HTML5
1
2
3
<img src="https://www.cyberforum.ru/images/screen16000_1.jpg" width="300px" alt="" />
<div class="pricing_footer"><p><a href="#" class="button_buy_pricing_3 gradient">Купить</a></p></div>
</div>

Код прописан в файле index.html

Форма заказа также есть и также прописан в index.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
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/form_popup.js"></script>
<link rel="stylesheet" type="text/css" href="css/forma.css">
 
<div id='win_back_bg'></div>
 
<div id='main_win_1'>
<form id="order_form_1" class="homa">
<p>Заполните форму, и наш менеджер свяжется с Вами для подтверждения заказа.</p>
    
    <p>Ваш заказ:</br><b>...<span class="imp"></span></b></p>
    <input type="hidden" name="pr_num" value="...">
 
    <p>Имя<span class="imp">*</span></p>
    <input type="text" name="name">
    <div class="clr"></div>
    <p>Телефон<span class="imp">*</span></p>
    <input type="text" name="phone">
    <p>Email<span class="imp">*</span></p>
    <input type="text" name="email">
    <p>Адрес доставки</p>
    <textarea name="adress"></textarea>
    <p>Любые пожелания</p>
    <textarea name="comment"></textarea>
    <input type="submit" value="" name="submit">
 
</form>
</div>

Что нужно исправить что бы кнопка заработала? Заранее благодарен

Добавлено через 24 минуты
Есть еще файл sendmail.php:

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
<?php
if ($_POST['name']) {
    define('_MAIL', 'mail@mail.ru, mail@mail.com');
    define('_HEADERS', "Content-type: text/html; charset=UTF-8 \n");
 
    $to_mail=_MAIL;
    $subject ="Заказ";
    $message ="Имя: ".$_POST['name']."<br/>\n";
    $message .="E-mail: ".$_POST['email']."<br/>\n";
    $message .="Телефон: ".$_POST['phone']."<br/>\n";
    $message .="Заказ: ".$_POST['pr_num']."<br/>\n";
 
    if (trim($_POST['adress'])!="") {
        $message .="Доставка: ".$_POST['adress']."<br/>\n";
    }
    if (trim($_POST['comment'])!="") {
        $message .="Пожелания: ".$_POST['comment']."<br/>\n";
    }
 
    $headers = _HEADERS;
 
    $mail=mail($to_mail, $subject, $message,$headers);
    if ($mail) {
        
    } else echo "ERROR";
 
}
?>

@Shakalaka · 21.06.2015, 16:53

Чтобы "кнопка" заработала нужно для формы определить обработчик в атрибуте action у тега form. Обработчик - это серверный скрипт, который получит данные из полей вашей формы и проведет с ними необходимые манипуляции(отправит на e-mail, или занесет в БД, или что там нужно)
<form action='sendmail.php'>

@deadfox_tlt · 21.06.2015, 16:56 **[ТС]**

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

Чтобы "кнопка" заработала нужно для формы определить обработчик в атрибуте action у тега form. Обработчик - это серверный скрипт, который получит данные из полей вашей формы и проведет с ними необходимые манипуляции(отправит на e-mail, или занесет в БД, или что там нужно)
<form action='sendmail.php'>

А куда именно вставить этот код?

@Shakalaka · 21.06.2015, 17:24

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

HTML5
1
<form id="order_form_1" class="homa" action='sendmail.php'>....</form>

Только если sendmail.php лежит в той же директории, что и index.html. Если нет, то указать правильный путь, например, action='scripts/sendmail.php'
p.s в вашем случае нужно указать еще и method='post' так как в обработчике данные будут выбираться из массива $_POST

@deadfox_tlt · 21.06.2015, 17:39 **[ТС]**

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

Только если sendmail.php лежит в той же директории, что и index.html. Если нет, то указать правильный путь, например, action='scripts/sendmail.php'
p.s в вашем случае нужно указать еще и method='post' так как в обработчике данные будут выбираться из массива $_POST

У меня order_form 3 таких кода. Кнопок "Купить" 6 штук. Я не понимаю как все это сделать.

HTML5
1
2
3
<img src="https://www.cyberforum.ru/images/screen16000_1.jpg" width="300px" alt="" />
<div class="pricing_footer"><p><a href="#" class="button_buy_pricing_3 gradient">Купить</a></p></div>
</div>

В этом коде для чего код href="#"?

@Shakalaka · 21.06.2015, 18:04

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

В этом коде для чего код href="#"?

Видимо при нажатии на эту кнопку отрабатывает ваш скрипт

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

который выводит всплывающее окно с формой заказа. У меня вопрос, а как вы делаете сайт, да еще и с возможностью что-то купить, если не знаете что значит # в ссылке, и какие атрибуты должны быть у формы? Вы же писали

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

сайт почти готов, а форма заказа не работает.

Как заставить форму работать я вам написал, хоть 1 форма, хоть 10 форм не важно. Для каждой формы есть обработчик, если это одинаковые формы, то и обработчик им указывать одинаковый.

@deadfox_tlt · 21.06.2015, 18:14 **[ТС]**

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

У меня вопрос, а как вы делаете сайт, да еще и с возможностью что-то купить, если не знаете что значит # в ссылке, и какие атрибуты должны быть у формы?

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

@Shakalaka · 21.06.2015, 19:25

Уже писал, скрипт вот тут

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

Он, судя по названию, должен выводить форму в модальном окне

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

тут, опять же судя по названию, стили для этой формы.

@deadfox_tlt · 21.06.2015, 19:43 **[ТС]**

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

тут, опять же судя по названию, стили для этой формы.

Нашел эту форму заказа. Спасибо, что Вы уделили мне время. Форма заказа появляется в самом верху, а эта кнопка почти внизу. Т.е. форма получается фиксированной. Как ее сделать чтобы она появилась там где нажал?

@Shakalaka · 21.06.2015, 20:00

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

Как ее сделать чтобы она появилась там где нажал?

Я понятия не имею как задаются стили вашей формы. Может они описаны в css и javascript просто задает нужные классы, тогда надо править css, а может в javascript задаются инлайновые стили и тогда надо править javascript.

@deadfox_tlt · 21.06.2015, 20:29 **[ТС]**

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

Я понятия не имею как задаются стили вашей формы. Может они описаны в css и javascript просто задает нужные классы, тогда надо править css, а может в javascript задаются инлайновые стили и тогда надо править javascript.

Ок, спасибо за помощь!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	21.06.2015, 16:53
	Чтобы "кнопка" заработала нужно для формы определить обработчик в атрибуте action у тега form. Обработчик - это серверный скрипт, который получит данные из полей вашей формы и проведет с ними необходимые манипуляции(отправит на e-mail, или занесет в БД, или что там нужно) <form action='sendmail.php'> 0