Если вы хотите разместить форму расчета расстояния на вашем сайте, необходимо выполнить следующие шаги:

1. Разместить на странице HTML-код подгрузки исполнительных скриптов, лучше в теге HEAD:

<script language="javascript" type="text/javascript" src="http://trans-info.su/include/autofill/actb.js"></script> <script language="javascript" type="text/javascript" src="http://trans-info.su/include/autofill/common.js"></script> <script language="javascript" type="text/javascript" src="http://trans-info.su/include/autofill/cities_array.js"></script>

2. Разместить на странице HTML-код самой формы расчета расстояния:

<form method="GET" action="http://trans-info.su/path" id="dist_form" onsubmit="return true;"> <input type="hidden" name="a" id="a" value="b"/><input type="hidden" name="submitf" id="submitf" value="1"/> <table width="280" cellpadding="0" cellspacing="0" border="0"> <tr bgcolor="#e0edf9" align="center"> <td><img src="http://trans-info.su/template/transinfo/i/distformlogo.jpg"/></td> <td style="padding: 5px 0 5px 0;"><a href="http://www.trans-info.su" style="font-family: Arial; font-size: 8pt; color: navy; text-decoration: none; line-height: 1.0;">Портал грузовых<br/>автоперевозок</a></td> </tr> <tr height="1"><td colspan="2" bgcolor="navy"></td></tr> </table> <table border="0" width="280" cellpadding="0" cellspacing="0" bgcolor="#f1f7fd"> <tr><td><a href="http://trans-info.su/path" title="Рассчитать расстояние на Портале грузовых автоперевозок Trans-info.su"><img src="http://trans-info.su/template/transinfo/i/distformtitle.jpg" width="280" height="25" alt="Рассчитать расстояние на Портале грузовых автоперевозок Trans-info.su" border="0"/></a> <table border="0" width="100%" cellpadding="3" cellspacing="0"> <tr><td style="font-size: 9pt; font-family: Arial" align="right">Откуда:</td><td style="padding-right: 10px;"><input type="hidden" id="hdistance_from" name="hdistance_from" value=""/><input type="text" style="width:100%;" id="distance_from" name="distance_from_param"/></td></tr> <tr><td style="font-size: 9pt; font-family: Arial" align="right" width="40">Через:</td><td style="padding-right: 10px;"><input type="hidden" id="hdop_0" name="hdop_0" value=""/><input type="text" style="width:100%;" id="dop_0" name="dop_0"/></td></tr> <tr><td style="font-size: 9pt; font-family: Arial" align="right" width="40">Через:</td><td style="padding-right: 10px;"><input type="hidden" id="hdop_1" name="hdop_1" value=""/><input type="text" style="width:100%;" id="dop_1" name="dop_1"/></td></tr> <tr><td style="font-size: 9pt; font-family: Arial" align="right">Куда:</td><td style="padding-right: 10px;"><input type="hidden" id="hdistance_to" name="hdistance_to" value=""/><input type="text" style="width:100%;" id="distance_to" name="distance_to_param"/></td></tr> </table> </td></tr> </table> <table width="280" cellpadding="0" cellspacing="0" border="0"> <tr height="1"><td colspan="2" bgcolor="navy"></td></tr> <tr bgcolor="#e0edf9" align="center"> <td style="padding: 5px 0 5px 0;"><a href="http://www.trans-info.su" style="font-family: Arial; font-size: 8pt; color: navy; text-decoration: none; line-height: 1.0;">Расчет проводится на сайте<br/>www.trans-info.su</a></td> <td><input type="button" style="width: 90px; background-color: white; font-family: Arial; font-size: 9pt; font-weight: bold; color: #1a2a5e; border: solid 1px navy; text-decoration: none;" onclick="dist_submit();" value=" Рассчитать &#xBB;"/></td> </tr> </table> <input id="submit_flag" name="submit_flag" type="hidden" value="1"/> <script type="text/javascript" language="javascript" charset="win-1251"> function dist_submit() { var source = new String(document.getElementById("distance_from").value); document.getElementById("hdistance_from").value = escape(source); source = new String(document.getElementById("distance_to").value); document.getElementById("hdistance_to").value = escape(source); source = new String(document.getElementById("dop_0").value); document.getElementById("hdop_0").value = escape(source); source = new String(document.getElementById("dop_1").value); document.getElementById("hdop_1").value = escape(source); document.getElementById("dist_form").submit(); } function actbinit() { actb(document.getElementById('distance_from'), __cities_array, 10, 1); actb(document.getElementById('distance_to'), __cities_array, 10, 1); actb(document.getElementById('dop_0'), __cities_array, 10, 1); actb(document.getElementById('dop_1'), __cities_array, 10, 1); } </script> </form>

3. Разместить на странице вызов инициализации формы расчета в теге BODY:

<body onload="actbinit();">

В результате должна появиться вот такая форма:

	Портал грузовых автоперевозок

Откуда: Через: Через: Куда:

Расчет проводится на сайте www.trans-info.su