|
Cool Count-up
XML Menu Suite
Build powerful, client-side DHTML menus using XML for data and CSS for style. No JavaScript data! No having to place list elements on every single page of your website! No plug-ins!
Cool Count-up is a JavaScript script that allows you to place a digital stopwatch on your website. Cool Count-up is portable, easy to configure, completely customizable, and best of all, it's free! A stopwatch which was created by Cool Count-up will appear below when it has fully loaded.
Browser Compatibility
Download Cool Count-up Download cool_countup.zip Configuration Instructions Step 1 Download the file cool_countup.zip to your computer. cool_countup.zip contains the following files: coolCount.js coolCount.js is the script that runs the program. demo_up.htm is a demo web page that is pre-configured to run Cool Count-up. You're free to modify demo_up.htm for your own use. This is probably the easiest way to get started. Step 2 Unzip cool_countup.zip. Create an HTML file in the same directory as the one you just unzipped the contents of cool_countup.zip. We will refer to this HTML file as the Target Page. Instead of creating a new Target Page, you can use a preexisting HTML file. Open the Target Page in an editor. Step 3 This step involves pasting the HTML elements used by Cool Count-up into the Target Page. Press the "Select Text" button below. This will select the text in the text area below. Copy the text to the clipboard and then paste it in between the opening and closing <body></body> tags of the Target Page. In Windows operating systems, you can do this by pressing Control—>C to copy the text into the clipboard from the text area and Control—>V to paste the text from the clipboard into your HTML editor. Note: In the HTML code above, you may not modify the id attribute or disabled attribute for any HTML elements that have these attributes set to a value. If you do, Cool Count-up will not work properly. Otherwise, you are free to alter all HTML elements in any way that you wish. HTML elements that don't have an id attribute set to a value are not necessary for the operation of Cool Count-up and may be removed. Step 4 This step involves setting the format of the HTML elements you pasted into the Target Page in Step 2 with the Cascading Style Sheet (CSS) styles we've provided. Press the "Select Text" button below. This will select the text in the text area below. Copy the text to the clipboard and then paste it in between the opening and closing <head></head> tags of the Target Page. You are not required to use the CSS styles we've provided above. You are free to modify them or use your own classes. Note that if the visibility style of the the top-level element — the one with the id attribute set to the value of CH_utimer1 is set to hidden, Cool Count-up will automatically set the visibility style back to visible. This is so that the timer will not appear until it has loaded into memory. It is not necessary to set the visibility style to hidden. Step 5 Upload the Target Page and coolCount.js to your website. Place them in the same directory. Foreign Language Support Cool Count-up's user message that is displayed when the user attempts to close a web page while a timer is active is stored in a JavaScript string which is accessible and modifiable from outside of the program. This is so that Cool Count-up can be easily adapted to support a foreign language. The User Message variables which must be changed, and their default values, are supplied in the table below:
|