Quoter

Quoter current version: 4.1 (09/21/2010)

This JavaScript applet shows a series of quotes with an animated display.
If you click the quote display or simply wait, the next quote is shown.
You can put this quote display in your own Web page.
If you are willing to do a little extra work, you can replace the quotes with your own favorites.

Introduction

This JavaScript version of Quoter replaces a Java version that I have always wanted to improve, but couldn't because of some limitations of Java — poor font appearance, fixed Java applet size in the page, that sort of thing.
This version is better in every way — you have much more control over the appearance of the quote display, and the quote box will resize along with the page — try it.

Features

Quoter's size, colors, font and other properties can be customized.
You can create your own custom set of quotes.
Quoter is freely distributable as CareWare — no money, now or ever. You just have to care.
Quoter is Copyright © 2006, P. Lutus.

Documentation

This new JavaScript version of Quoter relies on:

A JavaScript file.

A CSS file.

A quotes file containing an array of quotes, user editable.

Click here to download a ZIP file (16KB) with the required files.
The files are referenced within the <head></head> element of your page like this:
<link rel="stylesheet" type="text/css" href="quoter.css"/>
<script type="text/javascript" src="quotes.js"></script>
<script type="text/javascript" src="quoter.js"></script>

Then, at a suitable location in your page, put this:
<div align="center">
<div class="quotebox quotefont quotecolor" id="quotebox"></div>
</div>

For an example, look at the source for this page.
All the properties of the quoter can be easily changed — colors, sizes, font properties, everything — by editing the quoter.css and quoter.js files. The quotes themselves can be edited by simply adding and removing lines from the quotes.js file, paying attention to the exact format of the existing lines:
"quote text (tab) author",

Summary

Quoter would be a nice addition to a Web site that needs more dynamic content.
Setting up Quoter should be relatively foolproof, in particular because you have this page as a working example.

Quoter revision History

11/19/2006 Version 4.0: Initial public release of the JavaScript version.
09/21/2010 Version 4.1: Cleaned up some inconsistencies.

Download Quoter code/CSS elements (16KB).