Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: ПОМОГИТЕ создать форму ЗАКАЗА экскурсий и БРОНИРОВАНИЯ гостиниц
 
 автор: hotla   (23.08.2006 в 20:38)   письмо автору
 
 

ПОМОГИТЕ создать форму ЗАКАЗА экскурсий и БРОНИРОВАНИЯ гостиниц
примерно это должно выглядеть так как на этих страницах:

_http://www.welt.ru/ru/booking/excursions/ форма заказа экскурсий

_http://www.welt.ru/ru/booking/hotel/ форма бронирования гостиниц

Пожалуйста, очень срочно надо!

   
 
 автор: Киналь   (23.08.2006 в 20:59)   письмо автору
 
   для: hotla   (23.08.2006 в 20:38)
 

Самое простое: Правый клик (IE) - Просмотр HTML-кода - CTRL-C - CTRL-V. Если хотите помучится, то AJAX вам в помощь=)

   
 
 автор: coloboc66   (23.08.2006 в 21:04)   письмо автору
 
   для: hotla   (23.08.2006 в 20:38)
 

Ну и что там сложного? Или вы хотите, чтоб кто-то поработал за вас?! Откроем маленький секрет: на указанной вами странице левой кнопкой жмете Вид-Просмотр HTML-кода и весь нужный код у вас в кармане, то бишь перед глазами. Берите и пользуйтесь.
P.S.Там кстати скрипт недоделан- экскурсия не выбирается.

   
 
 автор: hotla   (24.08.2006 в 15:45)   письмо автору
 
   для: coloboc66   (23.08.2006 в 21:04)
 

код скопировать я могу но подцепить свои данные нет
поэтому и спрашиваю у спецов!
Надо, что бы все заявки на мыло уходили. И самое главное, что бы пользователи могли выбирать из полей какую экскурсию заказать и какую гостиницу бронировать, соответственно, как я понимаю должна быть какая-то БД для этого, чтобы она подцеплялась в форму. Помогите написать код!!!!

   
 
 автор: coloboc66   (24.08.2006 в 16:03)   письмо автору
 
   для: hotla   (24.08.2006 в 15:45)
 

БД совсем не обязательна. Можно цеплять данные формы к почтовой программе пользователя сайта, а она будет отправлять их на мыло админу сайта.

   
 
 автор: coloboc66   (24.08.2006 в 17:27)   письмо автору
 
   для: coloboc66   (24.08.2006 в 16:03)
 

На, маленькая, пользуйся. Делов-то минуты на три. И будет счастье...

<html>
<head>
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head> 
<body>
<form action="mailto:address@mail.ru?subject=Заказ" enctype="text/plain" method="post">
<div id="selecteditem">
<h1>Добавить к заказу</h1>
<table id="tabdesign" border="0" cellpadding="5" cellspacing="2" width="90%">
<tr>
    <td bgcolor="#DFDFDF" width="200"><b><p align="center">Категория</p></b></td>
    <td bgcolor="#DFDFDF"><b><p align="center">Выбор</p></b></td>
</tr>
<tr>
    <td bgcolor="#F7F7F7"><p>Город</p></td>
    <td bgcolor="#F7F7F7">
    <select name="town_id" style="font-size:1em; color:#106B34;">
    <option value="d2b8e815-b5b4">Екатеринбург</option><option value="aa9c588d-b27c">Москва</option><option value="d2b8e814-b5b4">Санкт-Петербург</option>    </select>
    </td>
</tr>
<tr>
    <td bgcolor="#F7F7F7"><p>Экскурсия</p></td>
    <td bgcolor="#F7F7F7">
    <select name="excursion_type" style="font-size:1em; color:#106B34;">
        <option value="0" >пешеходная</option>
        <option value="1" >автомобильная</option>
    </select>
    <select name="excursion_item_id" style="font-size:1em; color:#106B34;">
        <option value="">выберите экскурсию</option>
    </select>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Количество человек</p></td>
    <td bgcolor="#F7F7F7">
    
    <select name="excursion_item_type"  style="font-size:1em; color:#106B34;">
                <option value="people1">1</option>
                <option value="people2">2</option>
                <option value="people3">3</option>
                <option value="people4">4</option>
                <option value="people5">5</option>
                <option value="people6">6</option>
                <option value="people7">7 и более</option>
    </select>
    <span id="div_excursion_item_people" style="font-size:1em; color:#106B34;">&nbsp;&nbsp;&nbsp; Сколько: <input type="text" name="excursion_item_people" value="" style="font-size:1em; color:#106B34;"></span>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Список гостей (имя, гражданство)</p></td>
    <td bgcolor="#F7F7F7">
    <small>Пожалуйста, указывайте имя и гражданство гостей. Пример: Иванов Петр Ильич, Россия</small><br>
    <textarea name="excursion_item_guests" cols="40" rows="7"></textarea>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Дата</p></td>
    <td bgcolor="#F7F7F7">
    <select name="item_day" id="item_day">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25"selected>25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
                                               </select>
    <select name="item_month">
                <option value="1"  >января</option>
                <option value="2" >февраля</option>
                <option value="3">марта</option>
                <option value="4">апреля</option>
                <option value="5">мая</option>
                <option value="6">июня</option>
                <option value="7">июля</option>
                <option value="8"selected >августа</option>
                <option value="9" >сентября</option>
                <option value="10">октября</option>
                <option value="11">ноября</option>
                <option value="12">декабря</option>
        </select>
        <select name="item_year">
                        <option value="2006" selected>2006 </option>
                        <option value="2007">2007 </option>
                </select>
    </td>
</tr>
<input type="hidden" name="indx" value="">
<tr>
    <td>&nbsp;</td>
    <td align="left"><input type="Submit" name="oknp" value="Добавить" style="font-size:1em; color:#106B34;"></td>
</tr>
</table>
</form>
</div>
</body>
</html>

   
 
 автор: hotla   (25.08.2006 в 02:06)   письмо автору
 
   для: coloboc66   (24.08.2006 в 17:27)
 

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

   
 
 автор: hotla   (25.08.2006 в 03:01)   письмо автору
 
   для: hotla   (25.08.2006 в 02:06)
 

Помогите подправить код, я не пойму почему у меня вот эта строка не работает?
<form id="edit_form" name="edit_form" method="post" onsubmit="try { var myValidator = CheckForm; } catch(e) { return true; } return myValidator(this);" style="margin: 0px">

хочу, что бы на мыло отправлялись заявки, а не получается.
Как сделать чтобы данные формы отправлялись на мыло и в человеческом виде как написаны в форме?
пробовал и так
<form action="mailto:mos@mail.ru?subject=Заказ" enctype="text/plain" method="post">
так отправляет но пустое сообщение, без данных формы.

Вот код
<table border="0" cellpadding="0" cellspacing="0" width="76%">
        <tr>
        
<td width="101%" valign="top">
<div id="container">
<p>

  <script>

function ExcursionItemNode(itemId, itemType, itemPeople, itemGuests, itemDay, itemMonth, itemYear)
{
    this.itemId    = itemId;
    this.itemType    = itemType;
        this.itemPeople = itemPeople;
        this.itemGuests = itemGuests;
    this.itemDay    = itemDay;
    this.itemMonth    = itemMonth;
    this.itemYear    = itemYear; 
}

ExcursionItemNode.prototype.to_html = function() {
    var sHtml = '';


    sHtml = sHtml + '<td>' + this.getItemTitle() + '</td>\n';
        if (this.itemType == "people1") {
      sHtml = sHtml + '<td>1 человек</td>\n';
        }
        if (this.itemType == "people2") {
      sHtml = sHtml + '<td>2 человека</td>\n';
        }
        if (this.itemType == "people3") {
      sHtml = sHtml + '<td>3 человека</td>\n';
        }
        if (this.itemType == "people4") {
      sHtml = sHtml + '<td>4 человека</td>\n';
        }
        if (this.itemType == "people5") {
      sHtml = sHtml + '<td>5 человек</td>\n';
        }
        if (this.itemType == "people6") {
      sHtml = sHtml + '<td>6 человек</td>\n';
        }
        if (this.itemType == "people7") {
      sHtml = sHtml + '<td>' + this.itemPeople + ' человек</td>\n';
        }
    sHtml = sHtml + '<td>' + this.itemGuests + '</td>\n';
    sHtml = sHtml + '<td>' + this.itemDay + '-' + this.itemMonth + '-' + this.itemYear   + '</td>\n';
    
    return sHtml;    
}

ExcursionItemNode.prototype.to_html_hidden_fields = function() {
    var sHtml = '';


    sHtml = sHtml + '<input type="hidden" name="excursion_item_id" value="' + this.itemId + '">\n';
    sHtml = sHtml + '<input type="hidden" name="excursion_item_type" value="' + this.itemType + '">\n';
    sHtml = sHtml + '<input type="hidden" name="excursion_item_people" value="' + this.itemPeople + '">\n';
    sHtml = sHtml + '<input type="hidden" name="excursion_item_guests" value="' + this.itemGuests + '">\n';
    sHtml = sHtml + '<input type="hidden" name="excursion_item_date" value="' + this.itemDay + '-' + this.itemMonth + '-' + this.itemYear   + '">\n';


    return sHtml;    
}

ExcursionItemNode.prototype.getItemTitle = function() {
    var frm = document.getElementById('edit_form');
    var lengthItemsSelect = frm.excursion_item_id.options.length;

    var itemTitle = '';
    
    for(j=0; j<lengthItemsSelect; j++){
        var o = frm.excursion_item_id.options[j];
            
        if(o.value==this.itemId){
           itemTitle = o.text;
          break;
        }
    }
    
    return itemTitle;
}


ExcursionItemNode.prototype.unset = function() {
    this.itemId    = 0;
}

ExcursionItemNode.prototype.setItemId = function(itemId) {
    this.itemId = itemId;
}

ExcursionItemNode.prototype.setItemType = function(itemType) {
    this.itemType = itemType;
}

ExcursionItemNode.prototype.setItemPeople = function(itemPeople) {
    this.itemPeople = itemPeople;
}

ExcursionItemNode.prototype.setItemDay = function(itemDay) {
    this.itemDay = itemDay;
}

ExcursionItemNode.prototype.setItemMonth = function(itemMonth) {
    this.itemMonth = itemMonth;
}

ExcursionItemNode.prototype.setItemYear = function(itemYear) {
    this.itemYear = itemYear;
}



ExcursionItemNode.prototype.getItemId = function() {
    return this.itemId;
}
ExcursionItemNode.prototype.getItemType = function() {
    return this.itemType;
}
ExcursionItemNode.prototype.getItemPeople = function() {
    return this.itemPeople;
}
ExcursionItemNode.prototype.getItemDay = function() {
    return this.itemDay;
}
ExcursionItemNode.prototype.getItemMonth = function() {
    return this.itemMonth;
}
ExcursionItemNode.prototype.getItemYear = function() {
    return this.itemYear;
}


var arrItems = new Array(




);

function SaveItem(){
    if(!CheckForm()){
        return;
    }
    
    var frm = document.getElementById('edit_form');
    
    var indx = arrItems.length;
    
    if (frm.indx.value){
        indx = frm.indx.value;
    }

    var tItem;
    
    if(indx==arrItems.length){
    
        tItem = new ExcursionItemNode(    frm.excursion_item_id.value, 
                            frm.excursion_item_type.value, 
                            frm.excursion_item_people.value, 
                            frm.excursion_item_guests.value, 
                        frm.item_day.value,
                        frm.item_month.value,
                        frm.item_year.value);
                        
                                
    }else{
       tItem = arrItems[indx];
       tItem.setItemId(frm.excursion_item_id.value);
       tItem.setItemType(frm.excursion_item_type.value);
       tItem.setItemPeople(frm.excursion_item_people.value);
       tItem.setItemGuests(frm.excursion_item_guests.value);
       tItem.setItemDay(frm.item_day.value);
       tItem.setItemMonth(frm.item_month.value);
       tItem.setItemYear(frm.item_year.value);
    }
    
    arrItems[indx] = tItem;
    ClearForm();
    scrollit();     

    UpdateList();
    
}

function ClearForm () {
  var frm = document.getElementById('edit_form');

  frm.excursion_item_id.selectedIndex = 0;
  frm.excursion_item_type.selectedIndex = 0;
  frm.excursion_item_people.selectedIndex = 0;
  frm.excursion_item_guests.value = "";

}



function scrollit(){ 
    for (I=1; I<=500; I++){ 
    parent.scroll(0,0)

}


function CheckForm(){

  var frm = document.getElementById('edit_form');
    
  var msg = '';

    if (!frm.excursion_item_guests.value ||
             frm.excursion_item_guests.value.search(/^\s+$/) != -1){
      msg = msg + 'Не указан список гостей\n';
    }

    if (frm.excursion_item_id.selectedIndex <= 0) {
      msg = msg + 'Не выбрана экскурсия\n';
    }

    var dt=new Date();
    var curmonth = dt.getMonth()+1;
    var curday = dt.getDate();
    var curyear = dt.getYear();
     if ((curyear)<2000) { 
       curyear = curyear + 1900; 
     }
  
    if(parseInt(Date.UTC(curyear,curmonth-1,curday))>=parseInt(Date.UTC(frm.item_year.value,frm.item_month.value-1,frm.item_day.value))){
      msg = msg + 'Дата въезда раньше либо соответствует текущей\n';
    }


  if(msg != ''){
    alert(msg);
    return false;
  }

  return true;
}


function UpdateDay() {
    var dst = document.getElementById('item_day');
    var frm = document.getElementById('edit_form');

  var curr_select = dst.selectedIndex;
  var month = frm.item_month.value;
  var year = frm.item_year.value;
  var base = 31;
  if ((month == 1) || (month == 3) || (month == 5) || (month == 7) || (month == 8) ||
      (month == 10) || (month == 12)) {
      base = 31;
  } else {
      base = 30;
  }
  if (month == 2) {
  if ((!(year % 400)) || (year % 100) && (!(year & 3))) {
    base = 29;
  } else {
    base = 28;
  }
  }
  dst.options.length = base;
  for(i=0; i<dst.options.length; i++) {
     var o = dst.options[i];
     o.value = i+1;
     o.text = i+1;
  }
  if (curr_select >= base) {
     dst.selectedIndex = base-1;
  } else {
     dst.selectedIndex = curr_select;
  }
}

function UpdateList(){
    var dst = document.getElementById('items_list');
    var frm = document.getElementById('edit_form');

    dst.innerHTML = '';

    var list = '<div id="selecteditem">';

    items = 0;

        if (arrItems.length > 0) {
      
    list = list + ' <table id="tabdesign" border="0" cellpadding="5" cellspacing="2" width="90%"><tr bgcolor="#DFDFDF"><td align="center"><b>Название</b></td><td align="center"><b>Кол-во человек</b></td><td align="center"><b>Список гостей</b></td><td align="center"><b>Дата</b></td><td colspan="2" align="center"><b>Действия</b></td><tr>';
     
    for(i=0; i<arrItems.length; i++){
     
        var tItem = arrItems[i];  
    
        if(tItem.getItemId() == 0){
            continue;
        }
        items++;

        list = list + '<tr>';
        list = list + tItem.to_html();
        
        list = list + '<td align="center" colspan="2"> <a href="#" onClick="ModifyItem(' + i + ')"><img src="/img/sys-r/edit.gif" height="7" width="7" border="0" alt="Изменить"></a> &nbsp;&nbsp;&nbsp;'
        
        list = list + '<a href="#" onClick="DeleteItem(' + i + ')"><img src="/img/sys-r/delete.gif" height="6" width="5" border="0" alt="Удалить"></a></td>'
        
        list = list + '</tr>';

    }
    
    list = list + '</table>';

        }

        list = list + '</div>';
    
    dst.innerHTML = list;

    var div_button_next = document.getElementById('div_button_next');
    if (items > 0) {
          div_button_next.style.visibility = "visible";
        } else {
          div_button_next.style.visibility = "hidden";
        }
}

function ModifyItem(indx){
    var frm = document.getElementById('edit_form');

    frm.indx.value = indx;
        
    var tItem = arrItems[indx];

    var lengthItemId = frm.excursion_item_id.options.length;
    for(i=0; i<lengthItemId; i++){
        var o = frm.excursion_item_id.options[i];
        if(o.value==tItem.getItemId()){
              o.selected=true;
              break;
        }
    }        

    var lengthItemType = frm.excursion_item_type.options.length;
    for(i=0; i<lengthItemType; i++){
        var o = frm.excursion_item_type.options[i];
        if(o.value==tItem.getItemType()){
              o.selected=true;
              break;
        }
    }        


    var lengthItemPeople = frm.excursion_item_people.options.length;
    for(i=0; i<lengthItemPeople; i++){
        var o = frm.excursion_item_people.options[i];
        if(o.value==tItem.getItemPeople()){
              o.selected=true;
              break;
        }
    }        


    var lengthItemDay = frm.item_day.options.length;
    for(i=0; i<lengthItemDay; i++){
        var o = frm.item_day.options[i];
        if(o.value==tItem.getItemDay()){
              o.selected=true;
              break;
        }
    }        
    var lengthItemMonth = frm.item_month.options.length;
    for(i=0; i<lengthItemMonth; i++){
        var o = frm.item_month.options[i];
        if(o.value==tItem.getItemMonth()){
              o.selected=true;
              break;
        }
    }        
    var lengthItemYear = frm.item_year.options.length;
    for(i=0; i<lengthItemYear; i++){
        var o = frm.item_year.options[i];
        if(o.value==tItem.getItemYear()){
              o.selected=true;
              break;
        }
    }            
}

function DeleteItem(indx){

    var tItem = arrItems[indx];
    tItem.unset();
    
    UpdateList();


}

function GoToNextStep(){

    var got_items = 0;
    for(i=0; i<arrItems.length; i++){
        var tItem = arrItems[i];
        if(tItem.getItemId()>0){
            got_items = 1;
            break;
        }
    }


    if(got_items == 0){
        if(!confirm('Экскурсий не добавлено. Продолжить?')){
            return;
        }
    }
    
    var div_for_hidden = document.getElementById('for_hidden_fields');
    var frm = document.getElementById('communication');
    
    for(i=0; i<arrItems.length; i++){
        var tItem = arrItems[i];
        if(tItem.getItemId()<=0){
            continue;
        }
        
        div_for_hidden.innerHTML = div_for_hidden.innerHTML + tItem.to_html_hidden_fields();
    }
    
    
    frm.submit();
    
}


var excursion_ids = new Array(

Array('29fc4605-cba0', '37f53f66-cb9f', '37f53f7e-cb9f', '37f53f8b-cb9f', '37f53f9c-cb9f', '81d27089-cd1e', '98f4842d-cb9c', '98f4843e-cb9c', 'a040da8f-cd20', 'a040daa0-cd20', 'a040daab-cd20', 'ad41de35-cd1f', 'ad41de4f-cd1f', 'ad41de5f-cd1f'), Array('138fad1f-caec', '29fc4617-cba0', '29fc461f-cba0', '29fc462f-cba0', '407e5599-cba1', '407e55b2-cba1', '6dc4c456-ebb8', '6dc4c45f-ebb8', '6dc4c468-ebb8', '6dc4c471-ebb8', '6dc4c474-ebb8', '6dc4c483-ebb8', '6dc4c486-ebb8', '84218954-cba5', '84218962-cba5', '84218973-cba5', '84533238-cba4', '8453324b-cba4', '84533260-cba4', '84533271-cba4', '953970f6-cadc', 'a19a15d3-cadc', 'a19a15e4-cadc', 'a19a15f4-cadc', 'a55408cd-cae7', 'a55408e1-cae7', 'a55408f0-cae7', 'a55408ff-cae7', 'caef4c68-eb2b', 'caef4c6b-eb2b', 'caef4c6e-eb2b', 'caef4c8b-eb2b', 'caef4c95-eb2b', 'caef4c9a-eb2b', 'dd95ec66-cae9', 'dd95ec81-cae9', 'dd95ec95-cae9', 'dd95eca4-cae9', 'e5a0246b-cae8', 'f6b12772-eb18', 'faf205ee-cba2', 'faf205fd-cba2', 'faf2060d-cba2', 'faf2061f-cba2', 'fca25321-caea', 'fca25350-caea'), Array('138fad2e-caec', '138fad3d-caec', '54d0b38f-cd1c', '54d0b39e-cd1c', '54d0b3b7-cd1c', '54d0b3c8-cd1c', '60011dcf-eb1c', '60011dd6-eb1c', '81d2705a-cd1e', '81d2706b-cd1e', '81d2707a-cd1e', '8973c05f-cd1d', '8973c07f-cd1d', '8973c08f-cd1d', '8c20af28-caee', '8c20af38-caee', '8c20af47-caee', '98f4840c-cb9c', '98f48414-cb9c', 'e7fd3e65-caf8', 'e7fd3e75-caf8', 'e7fd3e84-caf8'));

var excursion_types = new Array(
// 0 - автомобильная
// 1 - пешеходная
Array('1', '1', '1', '1', '1', '0', '1', '1', '0', '0', '0', '0', '0', '0'), Array('1', '0', '0', '0', '0', '0', '0', '1', '0', '1', '0', '1', '0', '0', '0', '0', '0', '0', '0', '0', '1', '1', '1', '1', '1', '1', '1', '1', '1', '0', '1', '1', '0', '1', '1', '1', '1', '1', '1', '0', '0', '0', '0', '0', '1', '1'), Array('1', '1', '0', '0', '0', '0', '0', '1', '0', '0', '0', '0', '0', '0', '1', '1', '1', '1', '1', '1', '1', '1'));

var excursion_titles = new Array(
Array('Экскурсия Последние дни Романовых (Ганина Яма)', 'Обзорная экскурсия по Екатеринбургу + Музей Истории Архитектуры и Промышленности Урала', 'Обзорная экскурсия по Екатеринбургу + Музей Фотографии Дом Метенкова', 'Европа-Азия', 'Европа-Азия + Обзорная экскурсия по Екатеринбургу', 'Обзорная экскурсия по Екатеринбургу', 'Обзорная экскурсия по Екатеринбургу', 'Обзорная экскурсия по Екатеринбургу + Уральский Минералогический Музей', 'Европа-Азия', 'Европа-Азия + Обзорная экскурсия по Екатеринбургу', 'Последние дни Романовых (Ганина Яма)', 'Обзорная экскурсия по Екатеринбургу + Уральский Минералогический Музей', 'Обзорная по городу + Музей Истории Архитектуры и Промышленности Урала', 'Обзорная экскурсия по Екатеринбургу + Музей Фотографии Дом Метенкова'), Array('Бородино', 'Экскурсия в Московский Кремль + 5 соборов и выставка в Звоннице', 'Экскурсия в Оружейную палату', 'Экскурсия в Алмазный Фонд (для иностранных граждан)', 'Экскурсия в Московский Кремль  + Оружейная Палата + Алмазный Фонд', 'Экскурсия по Московскому метро', 'Бункер Сталина', 'Музей ВВС РФ Монино', 'Музей ВВС РФ Монино', 'Музей Федоскино', 'Музей Федоскино', 'Измайловский Вернисаж', 'Измайловский Вернисаж', 'Бородино', 'Экскурсия в Гжель', 'Звездный городок', 'Экскурсия в усадьбу Кусково', 'Экскурсия в Музей икон Андрея Рублева', 'Экскурсия по улице Старый Арбат', 'Экскурсия в Сергиев Посад', 'Обзорная экскурсия по Москве', 'Экскурсия в Московский Кремль + 5 соборов и выставка в Звоннице', 'Экскурсия в Оружейную палату', 'Экскурсия в Алмазный Фонд (для иностранных граждан)', 'Экскурсия в Московский Кремль (Кремль + Оружейная Палата + Алмазный Фонд)', 'Экскурсия в Пушкинский музей', 'Экскурсия в Новодевичий монастырь', 'Третьяковская Галерея', 'Храм Христа Спасителя', 'Музей ВОВ, Поклонная Гора', 'Музей ВОВ, Поклонная Гора', 'Бункер Сталина', 'Музей ФСБ', 'Музей ФСБ', 'Экскурсия в усадьбу Кусково', 'Экскурсия в Музей икон Андрея Рублева', 'Экскурсия в Сергиев Посад', 'Экскурсия в Гжель', 'Экскурсия в усадьбу Коломенское', 'Храм Христа Спасителя', 'Экскурсия в Пушкинский музей', 'Экскурсия Новодевичий монастырь', 'Третьяковская Галерея', 'Экскурсия в усадьбу Коломенское', 'Экскурсия в Звездный городок', 'Экскурсия во Владимир и Суздаль'), Array('Обзорная экскурсия по Санкт-Петербургу', 'Экскурсия в Эрмитаж', 'Обзорная экскурсия по Санкт-Петербургу', 'Экскурсия в Эрмитаж', 'Петропавловская крепость', 'Экскурсия в Русский музей', 'Исаакиевский собор', 'Исаакиевский собор', 'Экскурсия в Павловск', 'Экскурсия в Царское Село', 'Экскурсия в Петродворец (Петергоф)', 'Экскурсия в Юсуповский дворец', 'Экскурсия в Храм Спаса-на-крови', 'Экскурсия по Петербургскому метро', 'Петропавловская крепость', 'Экскурсия в Русский музей', 'Экскурсия в Юсуповский дворец', 'Экскурсия в Царское Село', 'Экскурсия в Петродворец (Петергоф)', 'Экскурсия в Храм Спаса-на-крови', 'Экскурсия по Петербургскому метро', 'Экскурсия в Павловск'));

/*
var excursion_ids = new Array(
  
// 

Array(10,11),

Array(65,66),

Array(89,90)

);

var excursion_types = new Array(

Array("foot","foot"),

Array("foot","foot"),

Array("foot","foot")

);

var excursion_titles = new Array(

Array("Территория Кремля + 5 соборов и выставка в Звоннице","Оружейная Палата"),

Array("Обзорная экскурсия по Санкт-Петербургу","Эрмитаж"),

Array("Обзорная экскурсия по Екатеринбургу","Обзорная экскурсия по Екатеринбургу + Уральский Минералогический Музей ")

);
*/

function refillExcursions () {
  var frm = document.getElementById('edit_form');

  var towns = frm.town_id;
  var excursions = frm.excursion_item_id;

  var ndx;

  if (towns) {
    ndx = towns.selectedIndex;
  } else {
    ndx = 0;
  }

  var ids = excursion_ids[ndx];
  var types = excursion_types[ndx];
  var titles = excursion_titles[ndx];

  var selected_type = frm.excursion_type.value;

  excursions.selectedIndex = 0;
  excursions.length = ids.length + 1;

  var n = 0;
  for (i = 0; i < ids.length; i++) {
    if (types[i] == selected_type) {
      excursions.options[n + 1].text = titles[i];
      excursions.options[n + 1].value = ids[i];
      n++;
    }
  }
  // не все экскурсии попали в список
  excursions.length = n + 1;
}
</script>

<div id="items_list">
</div>

<form id="edit_form" name="edit_form" method="post" onsubmit="try { var myValidator = CheckForm; } catch(e) { return true; } return myValidator(this);" style="margin: 0px">
<div id="div_button_next"></div>

<div id="selecteditem">
<h1>ЗАКАЗ ЭКСКУРСИЙ</h1>

<table id="tabdesign" border="0" cellpadding="5" cellspacing="2" width="90%">
<tr>
    <td bgcolor="#DFDFDF" width="200"><b><p align="center">Категория</p></b></td>
    <td bgcolor="#DFDFDF"><b><p align="center">Выбор</p></b></td>
</tr>
<tr>
    <td bgcolor="#F7F7F7"><p>Город</p></td>
    <td bgcolor="#F7F7F7">
    <select name="town_id" style="font-size:1em; color:#106B34;" onChange="refillExcursions();">
    <option value="d2b8e815-b5b4">Екатеринбург</option><option value="aa9c588d-b27c">Москва</option><option value="d2b8e814-b5b4">Санкт-Петербург</option>    </select>
    </td>
</tr>
<tr>
    <td bgcolor="#F7F7F7"><p>Экскурсия</p></td>
    <td bgcolor="#F7F7F7">
    <select name="excursion_type" style="font-size:1em; color:#106B34;" onChange="refillExcursions();">
        <option value="0" >пешеходная</option>
        <option value="1" >автомобильная</option>
    </select>
    <select name="excursion_item_id" style="font-size:1em; color:#106B34;">
        <option value="">выберите экскурсию</option>
    </select>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Количество человек</p></td>
    <td bgcolor="#F7F7F7">
    <script>
      function update_people_number () {
        var frm = document.getElementById('edit_form');
        var div_excursion_item_people = document.getElementById('div_excursion_item_people');
        var ei_type = frm.excursion_item_type.value;
        if (ei_type == "people7") {
          div_excursion_item_people.style.visibility = "visible";
          frm.excursion_item_people.value = "";
          frm.excursion_item_people.focus();
        } else {
          div_excursion_item_people.style.visibility = "hidden";
          var people_number = 0;
          if (ei_type == "people1") {
            people_number = 1;
          }
          if (ei_type == "people2") {
            people_number = 2;
          }
          if (ei_type == "people3") {
            people_number = 3;
          }
          if (ei_type == "people4") {
            people_number = 4;
          }
          if (ei_type == "people5") {
            people_number = 5;
          }
          if (ei_type == "people6") {
            people_number = 6;
          }
          frm.excursion_item_people.value = people_number;
        }
      }
    </script>
    <select name="excursion_item_type" onChange="update_people_number();" style="font-size:1em; color:#106B34;">
                <option value="people1">1</option>
                <option value="people2">2</option>
                <option value="people3">3</option>
                <option value="people4">4</option>
                <option value="people5">5</option>
                <option value="people6">6</option>
                <option value="people7">7 и более</option>
    </select>
    <span id="div_excursion_item_people" style="font-size:1em; color:#106B34;">&nbsp;&nbsp;&nbsp; Сколько: <input type="text" name="excursion_item_people" value="" style="font-size:1em; color:#106B34;"></span>
    <script>
    <!--
    update_people_number();
    -->
    </script>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Список гостей (имя, гражданство)</p></td>
    <td bgcolor="#F7F7F7">
    <small>Пожалуйста, указывайте имя и гражданство гостей. Пример: Иванов Петр Ильич, Россия</small><br>
    <textarea name="excursion_item_guests" cols="40" rows="7"></textarea>
    </td>
</tr>
<tr>
    <td  bgcolor="#F7F7F7"><p>Дата</p></td>
    <td bgcolor="#F7F7F7">
    <select name="item_day" id="item_day">
                <option value="1"
                                >1</option>
                <option value="2"
                                >2</option>
                <option value="3"
                                >3</option>
                <option value="4"
                                >4</option>
                <option value="5"
                                >5</option>
                <option value="6"
                                >6</option>
                <option value="7"
                                >7</option>
                <option value="8"
                                >8</option>
                <option value="9"
                                >9</option>
                <option value="10"
                                >10</option>
                <option value="11"
                                >11</option>
                <option value="12"
                                >12</option>
                <option value="13"
                                >13</option>
                <option value="14"
                                >14</option>
                <option value="15"
                                >15</option>
                <option value="16"
                                >16</option>
                <option value="17"
                                >17</option>
                <option value="18"
                                >18</option>
                <option value="19"
                                >19</option>
                <option value="20"
                                >20</option>
                <option value="21"
                                >21</option>
                <option value="22"
                                >22</option>
                <option value="23"
                                >23</option>
                <option value="24"
                                >24</option>
                <option value="25"
                                >25</option>
                <option value="26"
         selected                        >26</option>
                <option value="27"
                                >27</option>
                <option value="28"
                                >28</option>
                <option value="29"
                                >29</option>
                <option value="30"
                                >30</option>
                <option value="31"
                                >31</option>
          
    </select>
    -
    <select name="item_month" onChange="UpdateDay();">
                <option value="1"
                                                >января</option>
                <option value="2"
                                                >февраля</option>
                <option value="3"
                                                >марта</option>
                <option value="4"
                                                >апреля</option>
                <option value="5"
                                                >мая</option>
                <option value="6"
                                                >июня</option>
                <option value="7"
                                                >июля</option>
                <option value="8"
             selected                                    >августа</option>
                <option value="9"
                                                >сентября</option>
                <option value="10"
                                                >октября</option>
                <option value="11"
                                                >ноября</option>
                <option value="12"
                                                >декабря</option>
        </select>
    -
    <select name="item_year" onChange="UpdateDay();">
                        <option value="2006" 
            selected>
            2006            </option>
            <option value="2007">
            2007            </option>
                </select>
    </td>
</tr>
<input type="hidden" name="indx" value="">
<tr>
    <td>&nbsp;</td>
    <td align="left"><input type="Submit" name="oknp" value="Добавить" style="font-size:1em; color:#106B34;"></td>
</tr>
</table>
</form>
</div>


</p>
</td>
        </tr>
</table>

   
 
 автор: coloboc66   (25.08.2006 в 10:30)   письмо автору
1.5 Кб
 
   для: hotla   (25.08.2006 в 03:01)
 

Вы заколебали уже. Смотрите в прикрепленном файле- там все отправляется в "человеческом" виде, только нет функций обработки форм. Их сами уже может напишете?

   
 
 автор: AlexSol   (25.08.2006 в 10:35)   письмо автору
 
   для: coloboc66   (25.08.2006 в 10:30)
 

>hotla очень рекомендую прикреплять большие файлы в аттач, а то читать просто невозможно...

   
 
 автор: hotla   (25.08.2006 в 13:44)   письмо автору
 
   для: coloboc66   (25.08.2006 в 10:30)
 

ок попробую, спасибо.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования