Today is . Page created 10/06/02, updated 06/25/06

Old Type Airplane Travel Distances Air And Land Car

[ Driving Distances Select U.S. Cities ]

Air Distances between Selected World Cities
Starting City
 Instructions:
Select starting city at left, destination at right. Or, if you are feeling particularly contrary today, vice versa. Then click below.


Miles Kilometers

Destination City

I f you have a site that deals with travel and distances, this script/s are a must on your site.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and java script, these are easy two part copy and paste codes with no reconfigurations other than cosmetic font color etc. The first part of the code is pasted into the <HEAD> section of your document with No reconfigurations. The second part gets inserted into the <BODY> section where you want it to appear. This is where you can make the only reconfigurations possible which are to change font style, size and or color. There are 6 places you can change font color, size and style within this section. If you want to change font style from the default, just add a complete font tag in the locations color coded <FONT COLOR="#ff0000"> below.

Complete Font Tag

<font face="georgia,arial,helvetica"size="3"color="#ba55dc">

W hat we are attempting to explain is that you can take the above complete font tag (change it to your preferences) and insert it instead of what the default script has. See Below.

Partial Default Section Of Code Without Complete Font Tag

<TR><TD COLSPAN=3 ALIGN=CENTER>
<HR NOSHADE><FONT COLOR="#ff0000">

Partial Code With Complete Font Tag
There Are Six (6) Places Within The Script This Can Be Added

<TR><TD COLSPAN=3 ALIGN=CENTER>
<HR NOSHADE>< font face="georgia,arial,helvetica"size="3"color="#ba55dc">

I n other words, where you see the default font tag below, you can substitute the complete font tag to adapt more to your sites look and feel.

  1. Question: Why do we use three (3) different font styles in a complete font tag?
  2. Answer: Reason being that besides being proper HTML coding procedure, not all computers default with the same font style so in an attempt to keep the page uniform in viewing you add a complete font tag.

<!---------- Start Reconfigurations Part Of Script ~<BODY>~ Section ---------->

<TR><TD COLSPAN=3 ALIGN=CENTER>
<HR NOSHADE><FONT COLOR="#ff0000">
<B>Air Distances between Selected World Cities</B></FONT></TD></TR>
<TR><TD ALIGN=CENTER><FONT COLOR="#ff0000">
<B>Starting City</B></FONT><BR><SELECT NAME="isn1" SIZE=12>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
ls="";
for (var i=0;i<35;i++){
ls+='<OPTION VALUE="'+al.substring(i,i+1)+'" onClick=""';
if (i==0){ls+=' SELECTED';} ls+='>'+a[i].substring(0,a[i].indexOf("*"));
}
document.write(ls);
// End hiding -->
</SCRIPT>
</SELECT></TD>
<TD ALIGN=CENTER VALIGN=TOP><FONT COLOR="#ff0000" SIZE=1>
<B>Instructions:</B></FONT>
<FONT COLOR="#fff0f5">
<BR>Select starting city at left, destination at right.
Or, if you are feeling particularly contrary today,
vice versa. Then click below.</font><P>
<FONT COLOR="#ff0000">
<INPUT TYPE="button" NAME="but" VALUE=" Get Distance " onClick="getMiles(this.form)">
<BR><INPUT TYPE="radio" NAME="rb" VALUE="a" CHECKED onClick="">Miles
<INPUT TYPE="radio" NAME="rb" VALUE="b" onClick="">Kilometers
<TD ALIGN=CENTER><FONT COLOR="#ff0000">
<B>Destination City</B></FONT>

<!---------- End Reconfigurations Part Of Script ---------->

Warning Logo     Note Of Importance:     If you notice in the above section of code (right in the beginning)
the <HR NOSHADE>. All that does is add a line above the effect such as the below. If you want or do not like the line, just remove that little bit of code and it will not be there.

I f you would like to see how this effect appears on a white background, grab the below link and you are there.
[ With White Page Background ]

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add either or both of this effects into your pages, grab the respective below link(s)* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here For Air Miles  ]   [ Get Code Here For Land Miles  ]   [ Rate This Page ]  

For Your Information For your Information:     * Since the original script site no longer archives this effect, we now are archiving this script for your convenience.

Talk Live To A Support Technician

Search Our Site By Individual letter

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
[ M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

[ Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-