я понял, буду стряпать разбераться читать гуглить.
Спасибо тебе за твой труд. Можно если я зайду в тупик обращусь к тебе в ЛС?
<!DOCTYPE html>
<html>
<head>
<title>ЕСТ АИСТ</title>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="style.css">
<script>
idFromTag = {
"Амурская":"1136560",
"Лесная":"1136577",
"Пионерская":"1136589",
"Мира":"1136609",
"Школьная":"1136623",
"Комсомольский":"1136637",
"Победы":"1136667",
"Строителей":"1136695",
"Октябрьский":"1136739",
"Центральная":"1136853",
"Большое Кольцо":"1136857",
"Парковое Кольцо":"1136858",
"Целинная":"1136859",
"Ударный":"1136860",
"Горная":"1136861",
"Высокая":"1136862",
"Сандинка":"1136863",
"Набережная":"1136864",
"Садовая":"1136865",
"Садовая":"1136867",
"Северная":"1136868",
"Беземянный":"1136869",
"Братская":"1136871"
};
$(function() {
var availableTags = [
"Амурская",
"Лесная",
"Пионерская",
"Мира",
"Школьная",
"Комсомольский",
"Победы",
"Строителей",
"Октябрьский",
"Центральная",
"Большое Кольцо",
"Парковое Кольцо",
"Целинная",
"Ударный",
"Горная",
"Высокая",
"Сандинка",
"Набережная",
"Садовая",
"Садовая1",
"Северная",
"Беземянный",
"Братская"
];
$( "#from_street" ).autocomplete({source: availableTags});
$( "#to_street" ).autocomplete({source: availableTags});
});
$(document).ready(function(){
$("#from_street").on("autocompletechange", function(){
$("#id_from_street").val(idFromTag[$("#from_street").val()]);
});
$("#to_street").on("autocompletechange",function(){
$("#id_to_street").val(idFromTag[$("#to_street").val()]);
});
var frm = $('#form_handler');
frm.submit(function (ev) {
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: frm.serialize(),
cache: false,
success: function (data,status) {
if (data.indexOf("Заказ добавлен") >0) {
$('#form_handler').trigger("reset");
$('#id_from_street').val('_');
$('#id_to_street').val('_');
$('#status_text').html('Заявка успешно добавлена. Ожидайте звонок<br>'+data);
} else {
$('#status_text').html('Заявка успешно добавлена. Ожидайте звонок<br>'+data);
};
},
error: function (xhr, desc, err){
$('#status_text').html('Не могу отправить данные на сервер. Ошибка: '+xhr+' '+desc+' '+err);
}
})
ev.preventDefault();
});
});
</script>
</head>
<body>
<form action="handler.php" method="POST" id="form_handler"><!--Куда отпровляем запрос-->
<div id="status_text"></div>
<input name="type" type="hidden" value="create_order_natural"><!--скрытое поле подстовления type-->
<center><h2>Куда подать?</h2>
<p></center><center>
<input class="text" name="name" type="hidden" size="20" maxlength="11" value="Заказ с мини формы"><!--Имя заказчика (Скрытое поле)-->
<input class="text" name="surname" type="hidden" size="11" maxlength="11" value="Заказ с мини формы"><!--Фамилия заказчика (Скрытое поле)-->
<input class="text" name="patronymic" type="hidden" size="11" maxlength="11" value="Заказ с мини формы"><!--отчество заказчика (Скрытое поле)-->
<label>Улица </label><input class="text" required size="25" maxlength="11" id="from_street"><!--Наименование улици подачи авто начало-->
<input class="text" name="addr_from_id_street" type="hidden" size="11" maxlength="11" id="id_from_street"><br/><br/><!--Наименование улици подачи авто конец-->
<label>Дом </label><input class="text" name="addr_from_house_number" required size="1" maxlength="2"><!--Номер дома подачи авто-->
<label>корпус </label><input class="text" name="addr_from_building" size="1" maxlength="1"><br/><br/><!--Номер корпуса подачи авто-->
<label>Подъезд </label><input class="text" name="addr_from_entrance" required size="1" maxlength="2"><!--Наименование подъезда подачи авто-->
</p></center><center>
<h2>Куда поедете?</h2>
<p></center><center>
<label>Улица </label><input class="text" required size="25" maxlength="11" id="to_street"><!--Наименование улици доставки начло-->
<input class="text" name="addr_to_id_street" type="hidden" size="11" maxlength="11" id="id_to_street"><br/><br/><!--Наименование улици доставки конец-->
<label>Дом </label><input class="text" name="addr_to_house_number" required size="1" maxlength="2"><!--Наименование подъезда доставки-->
<label>корпус </label><input class="text" name="addr_to_building" size="1" maxlength="1"><!--Наименование корпуса доставки-->
</p>
<input class="text" name="datetime_from" type="hidden" size="1" maxlength="1"><!--дата и время, на которое подать такси (пусто при создании заказа «на ближайшее время») (Поле скрыто)-->
<input class="text" name="id_car_class" type="hidden" size="1" maxlength="1" value="186"><!--Класс машины по умалчанию эконом-->
<input class="text" name="id_service" type="hidden" size="1" maxlength="1" value="6"><!--Вид услуги по умалчанию АИСТ-->
</center><center><label>Номер телефона </label>
<a class="tooltip"><span class="customInfo">
Если телефон домашний, вводите с кодом города "842142"</span>
<input type="text" class="text" name="tel" required size="11" maxlength="11">
</a><!--Номер телефона клиента-->
<br/>
<input class="text" name="count_cars" type="hidden" size="1" maxlength="1" value="1"><!--количество машин на заказ умалчиванию одна(Поле скрыто)-->
<input class="text" name="comment" type="hidden" size="1" maxlength="1"><!--Комментарий к заказу (Поле скрыто)-->
<input class="text" name="type_operation" type="hidden" size="1" maxlength="1" value="0"><!--тип операции («0»-создание заказа, «1»-стоимость) (Поле скрыто)-->
<br/>
<input class="button" type="submit" value="Создать заказ">
</form>
</body>
</html>
<!--
Разработчик ООО "Наш Город"
Дата разработки 27.06.2016
-->
<?php
if ($_POST['surname']) $surname=$_POST['surname'];
if ($_POST['patronymic']) $patronymic = $_POST['surname'];
if ($_POST['addr_from_house_number']) $addr_from_house_number=$_POST['addr_from_house_number'];
if ($_POST['addr_from_building']) $addr_from_building=$_POST['addr_from_building'];
if ($_POST['addr_from_entrance']) $addr_from_entrance=$_POST['addr_from_entrance'];
if ($_POST['addr_to_house_number']) $addr_to_house_number=$_POST['addr_to_house_number'];
if ($_POST['addr_to_building']) $addr_to_building=$_POST['addr_to_building'];
if ($_POST['$comment']) $comment=$_POST['comment'];
$request ='http://XX.XXX.XX.XX:YYYY/?type=create_order_natural';
$request.='&name='.$_POST['name'];
$request.='&surname='.$surname;
$request.='&patronymic='.$patronymic;
$request.='&addr_from_id_street='.$_POST['addr_from_id_street'];
$request.='&addr_from_house_number='.$addr_from_house_number;
$request.='&addr_from_building='.$addr_from_building;
$request.='&addr_from_entrance='.$addr_from_entrance;
$request.='&addr_to_id_street='.$_POST['addr_to_id_street'];
$request.='&addr_to_house_number='.$addr_to_house_number;
$request.='&addr_to_building='.$addr_to_building;
$request.='&datetime_from=';
$request.='&id_car_class=192';
$request.='&id_service=24';
$request.='&tel='.$_POST['tel'];
$request.='&count_cars=1';
$request.='&comment='.$comment;
$request.='&type_operation=0';
if ( $_POST['addr_to_id_street'] && $_POST['addr_from_id_street'] && $_POST['tel'] ) {
if( $curl = curl_init() ) {
curl_setopt($curl, CURLOPT_URL, $request);
curl_setopt($curl, CURLOPT_RETURNTRANSFER,true);
$out = curl_exec($curl);
echo $out;
curl_close($curl);
};
};
?>
.tooltip {
position: relative;
cursor: help;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}
.tooltip span {
visibility: hidden; /*прячем подсказку*/
position: absolute;
bottom: 30px;
z-index: 999;
width: 160px;
margin-left: -100px;
padding: 10px;
opacity: .9; /*устанавливаем прозрачность*/
background-color: #ffd200; /*Задаем цвет фона*/
text-align: center;
font-weight: bold;
border: 3px solid #ffd200;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover {
border: 0; /* Фиксим появление бага в IE6*/
}
.tooltip:hover span {
visibility: visible; /*Задаем поведение: отобразить при наведении*/
}
body {
text-align:left;
font-family:Verdana,Arial,"Times New Roman";
}
input.small {
width: 30px;
}
input.string {
width: 100%;
}
h3 {
text-align:left;
font-size: 24px;
}
p {
text-align:left;
}
.button {
background: #f00000;
border: 1px solid #f00000;
border-radius: 0.1em 0.1em 0.1em 0.1em;
box-shadow: 0 1px 2px rgba(9, 0, 0, 0.5);
color: #ffffff;
cursor: pointer;
display: inline-block;
font: 20px/100% Arial,Helvetica,sans-serif;
margin: 0 2px;
outline: medium none;
padding: 0.5em 2em 0.55em;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: baseline;
}
input.text {
border: 1px solid #f00000; //цвет рамки
border-radius: 3px; //закругление углов (общее)
-webkit-border-radius: 3px; //закругление углов (Google Chrome)
-moz-border-radius: 3px; //закругление углов (FireFox)
-khtml-border-radius: 3px; //закругление углов (Safari)
background: #ffffff !important; // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым
outline: none; // удаляет обводку в браузерах хром(желтая) и сафари(синяя)
height: 100px; // высота на свое усмотрение
color: #cccccc; //цвет шрифта в обычном состоянии
font-size: 14px; // Размер шрифта
font-family: Tahoma; // Стиль шрифта
}