Download Timer - How long to download a file ~ Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

E ver wonder how long it would take you to download that 15 meg game?...wonder no more with this unique script. It will automatically compute the time it will take.

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 javascripts, this is a one step, copy and paste code that comes from the script site as a complete* HTML document. The only possible reconfigurations to be made are with the background color of the page and the color of the table. These reconfigurations are quite self evident as you look at the script. They are all made within the <BODY> section of the code. We do not feel at this time a full tutorial is needed. If you do require one, feel free to contact us and we shall build one for you.

* If you are going to add this effect into an already pre-existing page with other material already on it, then you need to copy and paste two (2) separate sections of the code and not paste it as a complete HTML document.

<HEAD> section
<BODY> section of code wherever you want the effect to appear.

For your Information: As we stated in the above, this script comes as a complete HTML document. You can remove a few parts that are not part of the script and copy and paste it as normal with one part going into the <HEAD> section and the last part going anywhere in the <BODY> section you want it to appear. See below what you can remove. These parts will all be "Color Coded" for your convenience.

Unnecessary Code In <HEAD> And <BODY> Sections

<html>

<head><script LANGUAGE="JavaScript">

Complete <HEAD> Section From Above To closing script tag below

</script>

<title>JavaFILE</title>
<base target="leftframe">
</head>

<body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" 

<p align="center"><img src="http://www.javafile.com/images/banner.GIF"
alt="banner.GIF (2826 bytes)"></p>

<table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5">

<tr>
<td WIDTH="100%">Ever wonder how long it would take you to download that 15 meg
game?...wonder no more with this cools script from The JavaFILE!<font
FACE="ARIEL,HELVETICA" SIZE="-1"><p align="center"></font><a
href="http://www.javafile.com/javascripts/clocks/dwlcalc.zip"> size="3">Download the
Script</font></a><font FACE="ARIEL,HELVETICA" SIZE="-1"></p>
<form>

Complete <BODY> Section From Above To

</tr>
</table>
</center></div>
</form>
</td>
</tr>
</table>

</body>
</html>

Little Extra Not Included In The Script: It is the automatic form field clearing where it says "Enter File Size" inside the textarea box and you click it and it vanishes. This is just a little extra to add to the convenience of the Download Timer and to elevate the professionalism of your site. This is a two (2) part copy and paste code that the first part goes anywhere in the <HEAD> section and see below on where and howto add the second part into the effect itself in the <BODY> section.

P aste the below code anywhere within the <HEAD> section of your document.

Where To Add Second Part Of Clear Form Field Default View
This part of the code is located within the <BODY> section of the script.

Where To Add Second Part Of Clear Form Field Reconfigured View
This part of the code is located within the <BODY> section of the script.

I n other words, paste the below two (2) little snipplets of code as shown above:
value="Enter File Size" onFocus="doClear(this)"

O nce these are in place, when you click inside the form, the words "Enter File Size" will vanish and you can type the size in the form.

W e have tested the "Clear Form Field Script" in IE6.0, Firefox1.0.7, Opera8.51, Netscape7.02, Netscape8.0.4 and AOL Explorer1.1. This script worked well in all platforms with no variations observed.

The font color associated with the text in the dowload timer is configured by the color defined in your <BODY> tag.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link 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 ] [ Rate This Page ]

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.