Home | Downloads |     Share This Page
Quoter
A JavaScript-based quotation display applet

Copyright © 1996-2010, P. Lutus

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 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

Download Quoter code/CSS elements (16KB).

 

Home | Downloads |     Share This Page