Расписание самолетов, поездов и электричек - все вокзалы и аэропорты. Форма поиска.

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

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

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

Форма поиска:

Активная вкладка по умолчанию:	Авиа
Регион по умолчанию:	Москва

HTML код:

<!-- начало формы поиска -->
<style>
.tab_deactivated {
padding: 1px 2px 3px 2px;
border-collapse:collapse;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#f0f0f0;
background-image:url(http://www.tutu.ru/i/form/tab_corner.gif);
background-position:right top;
background-repeat:no-repeat;
text-align:center;
font-weight:none;
font-size:11px;
font-family:verdana,arial;
}

.tab_activated {
padding: 1px 2px 3px 2px;
border-collapse:collapse;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
background-color:#ffffff;
background-image:url(http://www.tutu.ru/i/form/tab_corner.gif);
background-position:right top;
background-repeat:no-repeat;
color:#369ADD;
text-align:center;
font-weight:none;
font-size:11px;
font-family:verdana,arial;
}

.linput{
width:145;
}

.tab_blank{
border-collapse:collapse;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.content{
padding: 0px;
}

</style>
<script type="text/javascript">
function switchtab(tabname){
	if(document.all){
	document.all.tab1.className = "tab_deactivated";
	document.all.tab2.className = "tab_deactivated";
	document.all.tab3.className = "tab_deactivated";
	//
	document.all[tabname].className = "tab_activated";
	//
	document.all.tab1content.style.display = "none";
	document.all.tab2content.style.display = "none";
	document.all.tab3content.style.display = "none";
	//
	document.all[tabname+"content"].style.display = "block";
	}

	else if(document.getElementById){
	document.getElementById("tab1").className = "tab_deactivated";
	document.getElementById("tab2").className = "tab_deactivated";
	document.getElementById("tab3").className = "tab_deactivated";
	//
	document.getElementById(tabname).className = "tab_activated";
	//
	document.getElementById("tab1content").style.display = "none";
	document.getElementById("tab2content").style.display = "none";
	document.getElementById("tab3content").style.display = "none";
	//
	document.getElementById(tabname+"content").style.display = "block";
	}

}
</script>
<a name="tutu"></a>
<table width="152" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="tab1" class="tab_activated"><a href="javascript:switchtab('tab1');" style="color:#369ADD;font-size:11px;">авиа</a></td>
    <td id="tab2" class="tab_deactivated"><a href="javascript:switchtab('tab2');" style="color:#369ADD;font-size:11px;">поезда</a></td>
    <td id="tab3" class="tab_deactivated" style="border-right:1px solid #cccccc;"><a href="javascript:switchtab('tab3');" style="color:#369ADD;font-size:11px;">электрички</a></td>
    </tr>
  <tr>
    <td colspan="3" style="border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;border-left:1px solid #cccccc; ">
	<div id="tab1content" style="display:block;" class="content">
<!-- начало авиа -->
<table width="148" cellpadding="0" cellspacing="0" border="0" style="background-color:#fff">
   <form action="http://www.tutu.ru/avia/" method="get" target="_blank">
      <tr>
         <td><a href="http://tutu.ru/avia/" style="color:#fff" target="_blank">
         <img src="http://www.tutu.ru/i/form/avia_form.gif" border="0" alt="tutu.ru -
Расписание авиарейсов,
наличие мест и цены online,
заказ авиабилетов"
         width="153" height="45" style="border-bottom:2px solid #fff; border-top:4px solid #fff;"></a></td>
      </tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Город вылета"
     onFocus="this.value=='Город вылета'?this.value='':this.value=this.value;"
     name="city_name_from"></td></tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Город прилета"
     onFocus="this.value=='Город прилета'? this.value='' : this.value=this.value;"
     name="city_name_to"></td></tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="submit" style="width:145px; font-size: 8pt" value="Поиск">
    </td></tr>
      <tr><td style="height: 30px; text-align: center; font: normal 8pt verdana,arial;
         font-size:8pt; background-color:#f0f0f0; color:#369ADD; text-decoration: none;">
         	<a href="http://www.tutu.ru/avia/" style="color:#369ADD; text-decoration: none;font-size:11px;" target="_blank">авиабилеты</a>, <a href="http://hotels.tutu.ru/" style="color:#369ADD; text-decoration: none;font-size:11px;" target="_blank">гостиницы</a><br />
            <a href="http://www.tutu.ru/avia/" style="color:#369ADD; text-decoration: none;font-size:11px;" target="_blank">расписание авиарейсов</a><br>
            </td>
      </tr>
   </form>
</table>
<!-- конец авиа -->
	</div>

	<div id="tab2content" style="display:none;" class="content">

<!-- начало поезда -->
<table width="148" cellpadding="0" cellspacing="0" border="0" style="background-color:#fff">

 <form action="http://www.tutu.ru/poezda/search.php" method="get" target="_blank">
   <tr>
    <td>
    <a href="http://www.tutu.ru/poezda/" target="_blank" style="color:#fff">
    <img src="http://www.tutu.ru/poezda/forms/head.gif" border="0" alt="tutu.ru -
расписание поездов
по Москве, России, СНГ"
width="153" height="45" style="border-bottom:2px solid #fff; border-top:4px solid #fff;"></a></td></tr>

    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Станция отправления"
     onFocus="this.value=='Станция отправления'?this.value='':this.value=this.value;"
     name="st1"></td></tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Станция прибытия"
     onFocus="this.value=='Станция прибытия'? this.value='' : this.value=this.value;"
     name="st2"></td></tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="submit" style="width:145px; font-size: 8pt" value="Поиск">
    </td></tr>
   <tr><td style="height: 30px; text-align: center; vertical-align: middle; font-family:verdana,arial; font-size:11px; background-color:#369; color:#fff; text-decoration: none">
     <a href="http://www.tutu.ru/poezda/" style="color:#fff; text-decoration: none;font-size:11px;" target="_blank" target="_blank">расписание поездов</a> <br><a href="http://www.tutu.ru/poezda/e-zakaz/" style="color:#fff; text-decoration: none;font-size:11px;" target="_blank">электронные жд билеты</a></td></tr>
   </form>
</table>
<!-- Конец поезда -->

	</div>
	<div id="tab3content" style="display:none;" class="content">

<table width="148" cellpadding="0" cellspacing="0" border="0" style="background-color:#fff">

 <form action="http://www.tutu.ru/search_universal.php" method="get" target="_blank">
<input type="hidden" name="reg_first" value="msk" />   <tr>
    <td>
    <a href="http://www.tutu.ru/" target="_blank" style="color:#fff">
    <img src="http://www.tutu.ru/i/form/elec_form.gif" border="0" alt="tutu.ru -
расписание электричек" width="153" height="45" style="border-bottom:2px solid #fff; border-top:4px solid #fff;"></a></td></tr>

    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Станция отправления"
     onFocus="this.value=='Станция отправления'?this.value='':this.value=this.value;"
     name="st1"></td></tr>
    <tr><td style="height: 25px; text-align: center">
     <input type="text" style="width:141px; font-size: 8pt" value="Станция прибытия"
     onFocus="this.value=='Станция прибытия'? this.value='' : this.value=this.value;"
     name="st2"></td></tr>

    <tr><td style="height: 25px; text-align: center">
     <input type="submit" style="width:145px; font-size: 8pt" value="Поиск">
    </td></tr>
      <tr><td style="height: 30px; text-align: center; font: normal 8pt verdana,arial;
         font-size:8pt; background-color:#063; color:#fff; text-decoration: none">
            <a href="http://www.tutu.ru/prigorod/" style="color:#fff; text-decoration: none;font-size:11px;" target="_blank">расписание электричек</a><br>
            <a href="http://www.tutu.ru/metro/" style="color:#fff; text-decoration: none;font-size:11px;" target="_blank">карта метрополитена</a>
            </td>
      </tr>
   </form>
</table>

	</div></td>
  </tr>
</table>

<!-- Конец формы поиска -->

Удобные закладки позволяют быстро (без перезагрузки страницы) переключать формы поиска - Авиа, Поезда или Электрички - соотвественно трем разделам Туту.ру. Теперь вам достаточно раместить одну форму поиска, а не три!

Вот как она будет выглядеть:

авиа

поезда

электрички

авиабилеты, гостиницы
расписание авиарейсов

Чтобы изменить активную вкладку по умолчанию (вместо Авиа сделать Электрички или Поезда), а также назначить приоритетный регион, воспользуйтесь конструктором формы поиска.

Регион по умолчанию: (при поиске станций в разделе электричек данный регион будет отображаться в результатах поиска выше остальных):	Москва Санкт-Петербург Иркутск
Закладка по умолчанию:	Авиа Поезда Электрички
На вашем сайте посетители только из одного региона? (Выберите один регион, если хотите, чтобы поиск осуществлялся ТОЛЬКО в этом регионе (пропустите этот пункт, если на вашем сайте бывают посетители из разных регионов):	Москва Санкт-Петербург Иркутск
Кодировка на вашем веб-сайте?	Windows-1251 UTF-8
	Сгенерировать форму00

Вебмастер, сделай свой сайт лучше!

Конструктор формы поиска: