Here is some HTML code you can use to add flight planning capabilities to your web site.
You must display the AeroPlanner.com logo to include this capability on your site.
|
|
|
|
Copy the HTML code below to embed the above flight planner to your web site:
|
<script src="http://map.aeroplanner.com/includes/miniplanner.js" type="text/javascript"></SCRIPT>
<table cellpadding="0" cellspacing="0" align="center" style="width:190px;"><tr><td>
<table cellpadding="0" cellspacing="0" style="width:100%;"><tr>
<td><a href="javascript:SwapTable('table1');"><img border="0" id="tbl1"
src="http://map.aeroplanner.com/images/mp_start_on.gif" height="30" width="65" alt=""></a></td>
<td align="left" valign="bottom" style="width:100%;background-image:url(http://map.aeroplanner.com/images/mp_bg_tab.gif);"><a
href="javascript:SwapTable('table2');"><img border="0" id="tbl2"
src="http://map.aeroplanner.com/images/mp_options_off.gif" height="30" width="89" alt=""></a></td>
</tr></table>
</td></tr><tr><td>
<form action="http://map.aeroplanner.com/mapping/planner/mp.cfm" method="post"
onSubmit="return _CF_checkCFForm_1(this)" target="_blank" id="quickPlan">
<table cellspacing="0" cellpadding="0" style="background-color:#fff;width:100%;">
<tr>
<td style="width:7px;background-color:#cdcdcd;"><img src="/images/spacer.gif" width="7" height="1" alt=""></td>
<td style="height:90px;">
<div id="table1" style="display: block;">
<table cellspacing="0" cellpadding="0" style="font-size:9px;font-family:Arial;background-color:#fff;height:100%;width:100%;">
<tr><td colspan="2" style="height:4px;"></td></tr>
<tr><td align="center" valign="top"><b>Flight Planner</b></td>
<td align="center" valign="top" rowspan="3"><a
href="http://www.aeroplanner.com" target="_blank"><img style="border:0;"
src="http://map.aeroplanner.com/images/mp_logo.gif" alt="AeroPlanner"></a>
<br>Powered by<br>AeroPlanner</td></tr>
<tr><td align="center" valign="top">Dept <input
style="font-size:9px;font-family:Arial; border:1px solid #ccc;"
name="AirportFrom" size=4 maxlength=30></td></tr>
<tr><td align="center" valign="top">Dest <input
style="font-size:9px;font-family:Arial; border:1px solid #ccc;"
name="AirportTo" size=4 maxlength=30></td></tr>
<tr><td align="center" valign="top">
<select style="font-size:10px;font-family:Arial;border:1px solid #ccc;"
name="NavMethodType" size="1"><option value="1">Low Airways</option><option value="3">RNAV Direct</option><option
value="4" selected>GPS Direct</option><option value="5">VOR's</option></select></td>
<td align="center" valign="middle"><input style="color:#545c5e;font-size:10px;"
type="submit" value="Plan"></td></tr>
<tr><td height="4" colspan="2"></td></tr>
</table>
</div>
<div id="table2" style="display: none;">
<table cellspacing="0" cellpadding="0" style="font-size:9px;font-family:Arial;background-color:#fff;height:100%;width:100%;">
<tr><td colspan="2" style="height:4px;"></td></tr>
<tr><td align="center" valign="middle">Altitude</td>
<td align="left" valign="middle"><input
style="font-size:9px;font-family:Arial;border:1px solid #ccc;"
name="Alt" value="60" size="4" maxlength="30"> 00 ft</td></tr>
<tr><td align="center" valign="middle">True Air speed</td>
<td align=left valign="middle"><input
style="font-size:9px;font-family:Arial;border:1px solid #ccc;"
name="spd" value="109" size="4" maxlength="30"> kts</td></tr>
<tr><td align="center" valign="middle">Fuel Burn</td>
<td align=left valign="middle"><input
style="font-size:9px;font-family:Arial;border:1px solid #ccc;"
name="Fuel" value="9" size="4" maxlength="30"> per hour</td></tr>
<tr><td align="center" valign="middle">Calculate Wind</td>
<td align=left valign="middle"><input
style="font-size:9px;font-family:Arial;color:#ccc;" name="Winds"
type="checkbox" checked></td></tr>
<tr><td colspan="2" style="height:4px;"></td></tr>
</table>
</div>
</td>
<td align="right" valign="bottom" style="width:7px;background-color:#cdcdcd;"><img
src="/images/spacer.gif" width="7" height="1" alt=""></td>
</tr>
</table>
</form>
</td></tr>
<tr><td bgcolor="#cdcdcd" style="height:7px;"><img src="/images/spacer.gif" width="1" height="7" alt=""></td></tr>
<tr><td align="center" style="padding:2px 0 0 0;"><span
style="font-size:7pt;color:#545C5E;padding:2px 0 0 0;"><a
href="http://www.aeroplanner.com/about/about.cfm?tab=mini">add
the free Quick Plan to your website</a></span></td></tr>
</table>
|
|
|
|
|
Copy the HTML code below to embed the above flight planner to your web site:
|
<script src="http://map.aeroplanner.com/includes/miniplanner2.js" type="text/javascript"></SCRIPT>
<table cellpadding="0" cellspacing="0" width="420" align="center"><tr><td>
<table cellpadding="0" cellspacing="0" width="100%"><tr>
<td><a href="javascript:SwapTable2('table3');"><img border="0" id="tbl3"
src="http://map.aeroplanner.com/images/mp_start_on.gif" height="30" width="65"></a></td>
<td width="100%" align="left" valign="bottom" background="http://map.aeroplanner.com/images/mp_bg_tab.gif"><a
href="javascript:SwapTable2('table4');"><img border="0" id="tbl4"
src="http://map.aeroplanner.com/images/mp_options_off.gif" height="30" width="89"></a></td>
</tr></table>
</td></tr><tr><td>
<table cellspacing="0" cellpadding="0" width="100%">
<form action="http://map.aeroplanner.com/mapping/planner/mp.cfm" method="post"
onSubmit="return _CF_checkCFForm_1(this)" target="_blank"><tr>
<td width="7" bgcolor="#CDCDCD"><img src="/images/spacer.gif" width=7 height=1></td>
<td height="40">
<div id="table3" style="display: block;">
<table cellspacing="0" cellpadding="2" width="100%"
height="100%" style="font-size: 9px; font-family: Arial">
<tr>
<td align=left valign=bottom>Departure<br><input style="font-size: 9px; font-family: Arial"
name="AirportFrom" size=6 maxlength=30></td>
<td align=left valign=bottom>Destination<br><input style="font-size: 9px; font-family: Arial"
name="AirportTo" size=6 maxlength=30></td>
<td align=left valign=bottom>Routing Options<br><select style="font-size: 10px; font-family: Arial"
name="NavMethodType" size=1><option value="1">Low Airways</option><option
value="2">High Airways</option><option value="3">RNAV Direct</option><option
value="4" selected>GPS Direct</option><option value="5">VOR's</option></select></td>
<td align=left valign=bottom><input style='border: #000000 thin solid; border-width: 1px;
font-weight: bold; font-size: 10px; color: #ffffff; line-height: 1.2; thin solid;
font-family: Tahoma,Arial,Helvetica; background-color: #666666' type="submit" value="Plan Route"></td>
<td align=right valign=bottom>
<table cellspacing="0" cellpadding="0" style="font-size: 9px; font-family: Arial">
<tr><td align=center valign=middle width="50"><img
src="http://map.aeroplanner.com/images/mp_logo.gif" border=0></td>
<td align=center valign=middle width="50">Powered by<br>AeroPlanner</td></tr>
</table>
</td>
</tr>
</table>
</div>
<div id="table4" style="display: none;">
<table cellspacing="0" cellpadding="2" width="100%" align="center"
height="100%" style="font-size: 9px; font-family: Arial">
<tr><td align=left valign=bottom nowrap>Altitude<br><input
style="font-size: 9px; font-family: Arial" name="Alt" value="60" size=4 maxlength=30> 00 ft</td>
<td align=left valign=bottom nowrap>TAS<br><input
style="font-size: 9px; font-family: Arial" name="spd" value="109" size=4 maxlength=30> kts</td>
<td align=left valign=bottom nowrap>Fuel Burn<br><input
style="font-size: 9px; font-family: Arial" name="Fuel" value="9" size=4 maxlength=30> per hour</td>
<td align=left valign=bottom nowrap>Calculate Wind<br><input
style="font-size: 9px; font-family: Arial" name="Winds" type="checkbox" checked></td>
<td align=right valign=bottom>
<table cellspacing="0" cellpadding="0" border="0" style="font-size: 9px; font-family: Arial">
<tr><td align=center valign=middle width="50"><img
src="http://map.aeroplanner.com/images/mp_logo.gif" border=0></td>
<td align=center valign=middle width="50">Powered by<br>AeroPlanner</td></tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<td width="7" align="right" valign="bottom" bgcolor="#CDCDCD"><img
src="/images/spacer.gif" width="7" height="1"></td>
</tr></form>
</table>
</td></tr>
<tr><td bgcolor="#CDCDCD" height="7"><img src="/images/spacer.gif" width="1" height="7"></td></tr>
</table>
|
|
