Online Tools for Teachers (easy, free, no ads, no 
"catches", and NO special tools required --
most of the applications are
cross-platform and cross-browser)

(I ask that if you make use of anything on this web page, please tell relevant 
teacher/student forums about this page and/or provide a link to this page from 
your own web page(s).  Thanks.)

[Do not overlook some of the best resources by just searching Google for
online teaching tools OR teaching tools free applications, etc.  ALSO, I
recommend a Google search for: digital learning resources .  Those terms
bring up a variety of sites for presentation/learning/teaching resources
that could otherwise be missed by doing just the more narrow searches.]

I have developed online tools that I would like to share with 
online teachers, teachers who use computers in the classroom  
and/or whose students use computers in the classroom.
(These tools are all equally useful for teachers or students who  
do not teach online, but simply use computers for presentations.)

NOTE: This first small section (before the first double dashed line) 
is the ONLY section that has some resources that are not totally 
cross-platform (IE and Netscape-compatible, PC & Mac).

ALL the material below is regarding files (web pages) and 
directories at http://home.att.net/~online_tools/

Go to the page http://home.att.net/~online_tools/Tdynamicwebs.html if you 
want to see several teaching tools for PC and Internet Explorer 5 (5.5)+ only 
(the Table of Contents Builder and Links Viewer at the top of that 
page work automatically on ANY web page, though for the Table of 
Contents your page must use <h1>, <h2>, ... tags).
The source code for the T of C _and_ Links viewer 
is at http://home.att.net/~online_tools/toc2c2t.txt 
(which you can view in your browser). 
Save that file as toc2c2t.js, put it on your web site in the 
same folder as the web pages and _that_ is it! 
That one file provides all the functionality. Just see the nature 
of the links at the top of the Tdynamicwebs.html page and the script (js)
import lines in the head of that web page to see what else you 
need to do to use this script yourself -- it's very easy!! 

Now, there is a completely cross-browser and cross-platform automatic Table of Contents 
JavaScript.  View the script at THIS LINK.   Just save it from NotePad/SimpleText as 
myNtoc2.js and put a script link to it at the top of ANY web page that uses h1, h2, h3, ... 
and that script along with just a couple of other lines of code in the html at the top of 
any web page will build an automatic Table of Contents in a separate window that has 
jump links, controlling the display in the main window (jumping to the named anchor - the 
part of the large web page the entry in the Table of Contents refers to).  (The directions for 
the PC version can be followed to know the couple of lines of html to add to any page.) 
Here is a demo: 

CLICK THIS LINK TO SEE DEMO, WITH ANY MODERN BROWSER ON ANY PLATFORM

-------------------

FINAL NOTE ABOUT THE TOOLS ABOVE:

Though much of the above was for PC and Internet Explorer, there is one more partial exception:

The Teacher Dynamic List Builder appears to be partially cross-platform. 

-------------------

AUTOMATIC GRAPHING TOOLS/UTILITIES

(I try to provide some version of a pie grapher for at least some browsers on each platform and the 
 bar grapher and line grapher is cross-platrform; for all: hold down the Shift Key and Click Reload between runs.)

Here they are:

Another PC and Internet Explorer application is a super cool Pie Chart maker. 
After you make a Pie Chart remotely you can do a ctrl-alt-prt scr and make an 
image copy of the screen, including the Pie Chart and Paste that into Paint, 
MS Word, or any photo editing application you have.   Then just Copy out 
the Pie Chart portion of the screen image and Paste that as a new Image and 
you have your Pie Chart.  (You can get a local copy of the program simply by doing a 
View -> Source to see the html and saving it as something.html - no external files 
are involved in the Pie Chart application - it is all in the one html file.)

If you are on a Mac, here is a Pie Chart maker for you (which will work
on at least some browsers for Mac - in particular, it should work on Firefox 1.5+).  
It has a bit less functionality than the Pie Chart maker above (for IE and PC) but is 
otherwise as similar as possible.

MORE LINE GRAPHING PROGRAMS (these work on FireFox 1.5 or 2.0+) ONLY,
but work on either Mac or PC (you must be online to use them - though you can take 
your own copy and run from anywhere, as long as you are on the Internet): 
4 versions, depending on your needs:

* For Larger Graphs, where x points are equal distances apart on the x-axis

* For Mini Graphs, where x points are equal distances apart on the x-axis

* For Larger Graphs, where x points are different distances apart on the x-axis

* For Mini Graphs, where x points are different distances apart on the x-axis

ALL THESE VERSIONS PRODUCE A PNG images, which can be copied and pasted, 
into Word OR Pasted into any Photo editing application and turned into a gif or jpeg, 
for insertion into a web page.  Since the line grapher and bar grapher are cross-platform, 
they are covered below.

--------------------
--------------------

NOW,
Stuff for everyone, cross-browser, cross-platform:

Here at THIS LINK is a Bar Grapher, which should be pretty much cross-browser 
and cross-platform.  AND, here is a link to a great LINE GRAPHER, the directions 
for which are on below.

--------------------
--------------------

For the Automatic Scoring of regular, typical multiple 
 choice tests OR the scoring of about any questionnaire or inventory
(including those with multiple items per scale and with items reused 
on more than one scale - the only limitation is one response per 
question)

PCScorer.htm (PC version):
http://home.att.net/~online_tools/PCScorer.htm 

and

MacScorer.htm (MAC version): 
http://home.att.net/~online_tools/MacScorer.htm 

There is now a MAC/PC Cross-Platform version and you may view the text 
source code and get your OWN COPY by following the directions ON THIS PAGE. 
(If for some reason this procedure TO GET YOUR OWN COPY does not work on your MAC,
just click the link for the MAC version of the Scorer (above) and View --> Source.  Copy
the Source into a SimpleText file and save it as cpScorer.htm  .  The MAC version has
been reported to work on modern PCs.)

This program works well in conjunction with TextPad, a free text editing program WITH 
many inportant useful features.

NOTE: for ultimate efficiency:

If a student types their answers into a txt document (I suggest in particular using TextPad *
with numbering "on" temporarily so the client can see what item number he/she is on)
AND if one has translated their templates into a scoring system text file
(per the directions via the link on the program's own web page)
**THEN**
indeed at most it takes a total of 20 seconds to do ALL of the
following: (1) Turn line numbers off on the TextPad application
the student answered the items in (2) Copy and paste your Scoring
System into the JavaScript application. (3) Click a button (and wait 
about 1 second) (4) copy and paste the student answers in the application
(5) click the same button  again (and wait another 1 second).  
Scoring a test is as easy as that!!

CLICK THIS LINK to find places you can download TextPad
-- a free text document utility that allows you to temporarily
turn line numbers on so students/clients can see which test
or inventory item they are presently answering.  This
application provides a raw txt document ready for copying
and pasting student/client answers into the JavaScript application.
(Though the application appears to be a temporary trial,
 all editions I am familiar with NEVER expire.)

THERE IS ALSO AN INDUSTRIAL STRENGTH *JAVA* VERSION
of this Universal Scorer.  This would be needed only by those desiring
to modify the program slightly to do volume scoring (of many tests in a
row very quickly).

------------------
------------------

Automatic Online SELF-Scoring TEST BUILDER 
(makes tests delivered online, that contain encrypted answers and score
themselves -- I made a version especially for teachers using it in-class
for REAL tests with good security; and, it makes a variety of test 
item types!)

IN THE DIRECTORY: NOnline_Test_Bldg_Kit7/
(i.e. in http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/ )
see: 

http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/Brief_Directions.txt 
(yes, this will display in a browser) 

and

http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/MUST_READ_NEW_INSTR.txt 
(again, read it in your browser)

Try out a test made with this system with: 

http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/NSSample.html
(in that same directory)

(and, http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/delete_cookies.html is there for you to use)
(Please note: If you visit the sample test page more than once, you will have 
  to use the delete_cookies.html page FIRST, OR you will not be allowed to 
  view the test page a second time -- this is one of the security features of the 
  program.  A similar file called test_prepper.html is available for use in 
  class before each test to delete cookies students may have from earlier 
  online tests using this application.)

THEN, MAKE YOUR OWN TEST!! :

Encrypt your answer set with 

http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/cipher7.html

and use 

http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7/TestBuilder7.html 

to build a test.

(All you need then is the appropriate NSenc7.js file OR 
enc7.js file (IN the following zip) and you can build your 
own online tests and put your these automatically-built,
self-scoring, secure tests up on your ordinary Internet site!!)
(All this is easier and faster than simply typing a test in Word. 
You save all reproduction time/costs and all grading time. And, 
you need to know NO html or anything.)

These tests are fill in the blank, drop-down, multiple choice or 
checkbox items -- any combination you want to use!!
Built automatically, secure for class use, scored automatically. 
Really!
(In short, this TestBuilder, etc. makes tests with a variety of items!)

It is the easiest way on Earth to make and do testing and it is 
all free, no ads, not catches. Get the whole kit via:
http://home.att.net/~online_tools/NOnline_Test_Bldg_Kit7.zip

I guess I should add that all the html files, the js file and the 
wav file (found in the zip) must go in the same folder as your web page. 

No special business site is needed and no cgi (or "server 
rights") are needed for the NS option. An ordinary web site will do. 
Many of us do not get a lot of cooperation from our districts. 

NOTE:  For extremely high security (very likely way beyond what is needed) you can give the 
students tests built with this system IN THE PASSWORD-PROTECTED ENTRY PAGE, 
described at the very bottom of this page.  Although I have tried to make tests built 
with this system for all practical purposes secure as stand-alones, this other system would 
provide a great measure of added final security.  The password system can be used for other 
tests, not built with the present test building system and to protect other resources/information 
when you have just a regular web site, with no cgi (a major point of many of the tools on this page).

At the risk of being somewhat redundant, perhaps I should note 
the motivation for the main testing system available on my site. 
I have written the following to some individual teachers:

Dear [teacher]

I have always been interested in providing computer science teachers
with a way of testing online that requires no cgi and at the same time
automatically scores the tests. I have accomplished this using
JavaScript alone. Making use of encryption, time stamping, and cookies, 
I have come up with JavaScript online tests that work from any ordinary 
web site (NO cgi rights required). The security is excellent; cheating 
practically (by any practical workable means) IMPOSSIBLE. Student gets their 
answers right away (and teachers get the scores right away walking
around to each student as he finishes).

The story gets better. I have developed a TestBuilder html/JavaScript
program which automatically builds the tests AND the tests can have not only 
multiple choice, but checkboxes, dropdown lists, AND _text_ answers -- 
including questions with answers like x=4y^3-2y^2-4 ETC. All common
math and programming characters can be used. Thus the
testing program is good for math and programming teachers.

Using the TestBuilder7 makes a test quicker than typing one in Word --
it makes the html page. Using this with my cipher7.html and with my .js 
scripts file (with just 3 simple alterations of the latter per test),
teachers can make tests, put them online, have them automatically score,
all faster than they could TYPE a test in WORD.

This program is available for your use. It has been tested enough 
I am confident in is beyond a beta. Teachers may have it for their 
personal use and use with their students.

Another option:
Included in the zip file available online is also a version WITH Perl
scripts so that results can be submitted to a simple txt file on a
server.


Thanks.

------------------
------------------

In all honesty, the following drag-and-drop is not as good as at least
one other "out there". Just do a http://google.com search for : drag drop activity builder (those four words, without quotes) and on the first page you will find
at least one that is easier to use and better than the old one below.)

Drag and Drop 'Teach Japanese' (or anything) 
JavaScript Web Page APPLICATION

This is a cross platform JavaScript drag and drop learning tool.
It is presently set up to allow 46 objects (only 10 "correct") to 
be dragged over 10 targets.  When the correct drag object is put 
over the correct target, it snaps into place. (Presently the first 10 
drag objects are set up to have the 1st ten drop targets be the "correct 
answers" -- in same order.)  ALL THAT CAN BE CHANGED and 
directions for assigning "correct" drag objects and their 
corresponding "correct" drop targets (and to customize 
the application in every conceivable way) are provided.

The aforementioned sample of the program can be viewed at:

http://home.att.net/~online_tools/d_dTeachJap/japnf.htm

Get this program for your own, by going to: 

http://home.att.net/~online_tools/d_dTeachJap.zip

All that you need to know to use this is in directions_japnf.txt in the zip file. 
After you unzip it, you can run it from your desktop OR put the folder 
on your web site and run it from there (as I do on this present site).

------------------
------------------

Quasi-Subliminal Banner or Background 
JavaScript Web Page APPLICATION

An application running 50 positive, pro-social, affirmative statements in 
a banner.  The banner statements are not really subliminal, since such is frowned 
upon as invasive and manipulative.  Rather, fast readers can indeed see all the 
material, as can all who become familiar with the material naturally over time.

A sample of the program can be viewed at:

http://home.att.net/~online_tools/QuasiSubl/SblBanner.htm

Get this program, by going to: 

http://home.att.net/~online_tools/QuasiSubl.zip

All that you need to know to use these is to put all the material from the unzipped 
zip file into the same directory (folder) on your web site.

There's now a second version of the Quasi-Subliminal Messages Program.  This one 
is run by opening an opener browser window which launches the Messages 
program in a small, independent, undecorated browser window.  Try it. 

Get your copy of all the needed files HERE.

------------------
------------------

A No-CGI Search Engine
With the help of an example in the JavaScript Application 
Cookbook by Jerry Bradenbaugh (O'Reilly & Assoc., 1999), I
have developed a very usable and easy to use Search Engine.

And, the good news is that it can not only be used to search 
all of the web pages on your site for content, but all the 
web pages of any group of sites you want to index.  Yes, 
you must first index all pages by hand BUT this is not hard 
and it is well worth it for what you get.  To see the program 
work, just go to the following web page and try a search for 
"images" (no quotes).  Follow all the directions on the page: 

http://home.att.net/~online_tools/Search/searchEngine.html

All you have to do to use this for yourself and your sites, OR 
for your site PLUS your friends sites, is to change the records.js 
file in obvious ways.  To have this program for yourself, you can 
download the following zip file, unzip it, and locate records.js  Change it, 
as you will need to.  Upload all to the same folder on your web site and 
you got it!!:

http://home.att.net/~online_tools/Search.zip

To change the program so individual selected results open in a separate 
browser window, click THIS LINK to find out how to make the simple 
changes to the nav.html file so a variant of this program will do this.

------------------
------------------

No-Tools-Needed (non-Flash) code that provides 
set of Menus with Links appearing in Drop-Downs 
that you can customize and add to any web page so 
your page has any number of menus that appear 
as drop-downs, on the clicking of the menu titles.

Here is the link for the zip: linkDDTempl3_easiest.zip

I tried to make it clear where the contents of the drop-down menus 
are, so both the links in the drop-downs which appear onClick and 
the menu names themselves can be changed.  (Also, by adding font 
tags, such as <font size="-1"></font> tags, to the appropriate divs, 
the size of the font for the menus or the menu contents can be 
changed.)  This application is simply JavaScript, so it works on all 
JavaScript enabled browsers of both platforms and involves no 
special software to produce or modify.  It is very easy to use.

A roughed out working example of this application can be seen 
via THIS LINK.   All the menu names and all the links are the same  
but, of course, you would modify this so this was not the case.

Recently, I tried to come up with the very simplest "bare bones" example of 
the MENUS -- which you could see and which you could most easily take 
and use on your own web page.  This is a very undecorated version, but 
important simple customization techniques (all you are likely to need) are 
demonstrated.  CLICK HERE to see the "bare bones" example, complete 
with all the directions you should need, right there on the same page.

------------------
------------------

A NON-Frame (div - based) area Contents Changer

The web pages that unzip from this zip file, picSwitch4.zip , give you 
another easy-to-customize JavaScript application you can use for your
own web pages.  This application changes the visibility of areas of a 
web page that are all "stacked" on top of one another.  You can make 
it so just one such area is visible at a time or you can make it so 
several areas (divs) appear and "layer" or stack on top of one another.

Just locate the div tags that are the 10 stacked content regions and 
put whatever content you like in there (any of the same content a 
web page can hold).  Often this is used to add to, or stack, pictures 
(or progressive portions of pictures) on top of one another.  Using 
partially transparent pictures, so lower divs show through upper 
ones, is another possibility.  Or, you can use the divs for text and 
simply display one at a time. 


Versions of this application can be viewed via: this link, or this link, 
or this link (three different versions; the first does everything; the 
other two are the "Checked" and "Non-Checked" versions -- with 
the checkbox hidden).

------------------
------------------

Cross-Platform Group Content Display Drag-and-Drop and 
Comment 
(an application that allows for the display of 
the writings, or mini web page contents, of multiple students 
and then allows each "paragraph" -- i.e. each student content -- 
to be dragged up or down on the page; AND the application 
allows for the teacher and/or each student to provide feedback 
on each sentence of each of the other students' contents)

Well, I guess SEEING IT would help.  You will find that each "paragraph" (each "paragraph" is in a blue 
 rectangle) can be dragged up or down. (Note:  Technically each so-called "paragraph" is a line item in a 
specially formatted LIST and each "paragraph" could be made up of what looked like, and was, more than 
one paragraph.)   Second:  Each marked up span unit (typically, a sentence, but can be a single word or 
several sentences) can be clicked on to provide FEEDBACK on THAT unit of the student's writing.  Try it. 
Once you click on some span-marked-up sentence (or word or set of sentences) THAT unit will turn 
yellow and a popup box allowing for feedback and providing further directions will appear.  (NOTE: the 
various feedbacks are numerically coded and ALL feedbacks provided by the teacher and/or a given 
student get collected in a text area at the bottom of the application.  ALL FILES TO HAVE YOUR OWN 
COPY OF THIS SAMPLE INSTANCE OF THIS APPLICATION **AND** A BUILDER TO BUILD 
YOUR OWN INSTANCE OF SUCH A Drag-Drop and Feedback Display web page IS IN THIS ZIP. 

A word about the "Builder":  The only part you have to use is the table for marking up a page with 
"paragraphs" and adding marked up sentences (with span, i.e. w/S) or some content without feedback 
triggering spans (w/o span).  The buttons, New Page, New Paragraph, Sentence, End Paragraph, and 
End Page, must be used in a sensible order.  The other formatting (html markup) buttons in other tables 
can be experimented with to see what they do.  The basically allow for extra formatting (which CAN be 
used with the paragraph/sentence markup); the other table builds test items into a paragraph - this can 
be considered advanced and used only as desired.

Note: Because any html content can go in each "paragraph", this application can be used 
to make and critique a group web page.

Special Advanced Note:  You can add the tiny bit of code to the first form tag so the students feedback is submitted 
to a web server script and with that stored on the server - otherwise you can just have the student Copy and Paste 
the contents of the TEXTAREA into an email (also note: the student can manually add any content to that textarea 
in addition to the feedbacks that get put there automatically).  Moreover THEN, if you also put test items in the 
 "paragraphs", you must cut the first form tag from its current location and put it ABOVE the first ordered list (ol) tag.

------------------
------------------

Lists with Drag-and-Drop List Items for 
Prioritizing, Ordering Steps, and Matching Exercises

(a copy of the following text may be seen as a txt doc, as saved from, THIS LINK)

Drag-and-Drop Lists for visually ordering (and reporting priorities, order of steps, etc.) 
and a version for Visual Matching exercises and a third version, like the first, but with 
the numbers showing in the web page display seen by the student/respondent.

See them work here:

* Nine drag-and-drop lists (list content repeated only because I am lazy)
   Here is the ZIP FOR YOU CONTAINING FULL KIT

* Eight paired list (only half of each moveable) for MATCHING EXERCISES
   Here is the  ZIP FOR YOU CONTAINING FULL KIT

* List similar to the first version (but not styled with css, so line item numbers appear 
   on the web page.  Here is the ZIP FOR YOU CONTAINING FULL KIT

Now that you have seen them, here is some information:

Each of these drag-and-drop utilities have the following great features: 

* Customize the number of lists and items per list and the text (of course) 
   for YOUR needs

   A clear usable template included to repeat the repeated sections (with needed number changes) :
   repeatedTempl.txt, in the zip, shows the segment that must be repeated 
   to add such a list. Simple replace each "ZZZ" with the number of the ordered list you 
   are adding. More line items <li> ... </li> can be added to a list, as needed, if you want 
   more dragable items in a list; likewise any li's you don't need can be deleted from the 
   provided example (overall "template"), right in the html code without breaking 
   any functionality.

   If less than 9 lists are needed, those not needed can simply be deleted from 
   the html.


* The VIEWS of the web page after the student/respondent does the drag-and-drop 
   can be copied and pasted WITH EXCELLENT RESULTS into NotePad or 
   Word or other word processing programs or other textareas (this is the way 
   student/respondent responses/answers are submitted). 

   NOTE: The html of the web page never changes, so Saving the Page does 
   NOT work. The procedure is: Edit -> Select All (to select the TEXT of the web 
   page AS VIEWED after one does the drag/drops) , then Edit -> Copy , then 
   Edit -> Paste into another document or response area.

With this capablility, these drag-and-drop your response lists are great to 
put in popups to be part of an item in another course management system, 
such as Moodle OR as part of any online test.

------------------
------------------

HOW TO MAKE YOU WEB PAGE CONTAIN MORE INFORMATION, as needed:

USING TOOLTIP POPUPS (which aren't popups)

One way to allow your web page to contain more text &/or pictures CONTINGENTLY is to use tooltips. 
HERE IS AN EXAMPLE OF A PAGE WITH MOUSEOVER TOOLTIPS (thanks to the great js code 
from The JavaScript Anthology by Edwards and Adams (Sitepoint, 2006)

HERE IS A ZIP, WITH ALL YOU NEED (INCLUDING DIRECTIONS ALL MIGHT UNDERSTAND).

------------------
------------------

I have developed a FormFiller JavaScript program that often makes 
it unnecessary to build forms to view results submitted to databases 
from online forms.  It takes crude results, sent into a database using 
Perl, ColdFusion, asp, jsp, php, or whatever cgi, and allows the 
crude results returned to be pasted into a text area; when a DoIt
button is clicked, the original form is filled in (like magic).

CLICK HERE if interested in this program and a sample of it.

For some sample database data to try in the sample form, click this link:
http://home.att.net/~online_tools/sample.txt (<-- It will display just fine in a browser;
copy it and put in the large textarea of the FormFiller and click the DoIt button to see demo.)

---------------------------------
---------------------------------

SITE MENU, DONE CORRECTLY 
(the modern way, wasting no space)

I am going to leave this section to those who know JavaScript.  This Sample Page shows how 
to have a site menu (made very easily) which can have a link on each page AND TAKES UP NO SPACE!

The Sample Page also has a Newsticker, which you could put on any of your pages using whatever 
"news" or sayings or quotations you want.  I use the ticker in the sample for quotations or sayings.

And, the Sample Page has 6 changing images, which have some educational as well as aesthetic uses. 
The images (each separately) when clicked stop changing.  Such switching images could be used as 
modern visual items on some modern "multiple choice" type self-test (over which the teacher supervises) - 
that being one example of a utilitarian rather than an aesthetic use of this image switcher.

Anyhow, HERE IS A LINK SO YOU CAN SEE THE SAMPLE PAGE and HERE IS A LINK FOR THE 
KIT.  As I indicated, I am basically providing this to people who know some JavaScript and thus can 
make all the needed changes for themselves, so they can you it for their own purposes. 
(I am NOT, as I usually do, providing Directions so about everyone can use it.  STILL: It is actually 
very conceivable that persons good at seeing patterns, with no or little knowledge of JavaScript, could 
view the .js file in the "kit" and figure out what to change to make some or all javascript elements in 
that js file work for them.  Just edit the js file in plain text (SimpleText or NotePad) and save with 
the js extension - and the other textbox in the Save As dialog set to "All Files".)

---------------------------------
---------------------------------

Another JavaScript Application can now be found 
at the very bottom of this web page, after the Flash 
applications -- it provides a way to securely 
communicate individually with students and has 
many other uses (such as providing individuation 
in the delivery of content to students in an online 
course or partially online course).

P.E. Teachers: Feel free to email me for a JavaScript stopwatch, 
accurate (minimally) to .25 sec - works offline. (Click 
the button near the bottom of the page for my email address.)

------------------
------------------
------------------

*** FLASH APPLICATIONS *** 
(cross-platform, cross-browser; like with most of the JavaScript 
applications, no knowledge and very little learning is needed to use them)

Perhaps the gem of the all:
A UTILITY FOR PRESENTING A SET OF 
ORGANIZED SLIDE SHOWS / MULTI-MEDIA
PRESENTATIONS -- ALL IN ONE DISPLAY UTILITY

I will soon recommend you start by just seeing and trying it.  It basically allows you to present 
a series of slide shows, giving each one a different category (or subcategory) name.  

You can have as many slide shows (known as "locations") as you want and EACH can 
contain as many slides ("photos") as you want.  ALSO, instead of a photo BEING A 
photo, it can be a mp3 audio OR a flv (Flash type) movie.

Anyhow, CLICK HERE TO SEE MY SAMPLE INSTANCE.  Note: I do not myself 
own many photos, so I created a bunch of different photos by pasting different TEXT 
on top or the same picture (each of the photos is similar ONLY because I own few photos - 
each photo with different text is in fact a totally separate, different photo).  
Within one slide show, my example shows one instance (somewhere) of how a 
movie is presented instead of a photo and it shows one instance of an audio interface, 
instead of a photo.  It is important you view every slide in each of the slide shows to 
see all the capabilities (also, know that Flash buttons sometimes require a small mousemove 
between button clicks for the button, Forward or Back, to work - just a small Flash quirk).

Now, let me show you what you have to change to make MY INSTANCE into YOUR 
VERY OWN INSTANCE, in every regard: your words, you labels, you caption, you 
categories, your text, and your jpegs, gifs, mp3s, and flv movies.   You basically just 
make an xml file with content THAT LOOKS LIKE THIS (<- click this link).

The directions you follow to change that key xml file to make everything your own is 
HERE (<- click this link).

The zip file containing ABSOLUTELY EVERYTHING ELSE YOU NEED IS 
HERE (<- click this link).  (Everything goes in one place, e.g. one folder, on YOUR own 
web site.)

(To see the actual size of the app, change the <body bgcolor="#ccffff"> to <body>.  Then the 
background color of the body of the web page will not be the same color as the background 
of the Flash Display Utility application.)

-----
AN OPTION (sometimes I think I confuse people with options, but other people like them; if you 
are happy with the directions above you can skip this - look at it later):

If you would rather not edit a xml file, but would instead like to use a BUILDER to automatically build 
the key xml file for you from scratch HERE IS A LINK TO SUCH A BUILDER and here are the 
DIRECTIONS FOR USING THE BUILDER.  Once done building the key xml file in the Builder, 
copy the code that was produced from the textarea at the bottom of the Builder to NotePad or SimpleText 
and, with the bottom  textbox (Save As Type) set to "All Files", Save it As photoGallery.xml (of course you 
will put this file on your desktop or on your web server - wherever the Display Utility itself is run from).

AND: If you want your own local copy of this Builder and the Directions, CLICK HERE FOR THE ZIP FILE.

------

If you use the Builder locally (from your Desktop) and create a photoGallery.xml (or otherwise create your 
photoGallery.xml) and then upload it, along with the needed gifs, jpegs, mp3s, and flvs (if any) and the swf and 
index.html file , to whatever folder you like on your web server and it will work. (In fact the thing is so easy, that 
really just this last sentence might be considered complete directions for using it. You really should try it; 
I think you will like it.)

With certainty, the thing will work from literally any web server. Upload the photoGallery.xml and the associated 
resources with WS_FTP95 LE, FrontPage or ANY FTP tool to your web site and that will work just fine. (Again, of 
course, in addition to the photoGallery.xml file and the needed resources, you must also upload the swf file - which 
really is the Display Utility machine itself - and its associated html file, which is named index.html in the "kit" 
from the zip, but may be renamed to anything you want.)

Note about images: suggested maximum size: 325 X 265 pixels
                                    absolute maximum size: 340 X 290 pixels


SUMMARY AND ADDITIONAL INFORMATION RELATED TO THIS APPLICATION:

In short, I offer free to teachers and others an extremely easy-to-use and useful display utility - to have 
a organized GROUP of categorized slideshows, which can include my audio or my video player 
on some of the individual slides. The ONLY thing you have to do to use it is change text, gif and jpeg, etc 
addresses, ALL IN ONE xml (text-type) file to use it (and these are the only changes necessary 
to change it from instance to instance)!! (There is a link in the material below to the directions and 
the complete kit of all you would need.)


[By the way, to use the audio player, you can start with a wav recording and use the 
Free Mp3 Wma Converter by Renan Broquin to change it into a much smaller mp3 audio, 
which streams through my player (an easy conversion, which has great sound quality and plays 
even over a 56K dialup connection). This one audio player can play any number of mp3 audios 
by just changing the address/name typed in - thus you can instruct the student type in more 
than one address into the player, in the instructions on a single slide.


To change videos to the flv files my movie player runs, you can also do this very easily with other free 
software, if you start with a avi file. With free software called the Riva FLV Encoder , you 
can change any avi to a flv. (Other movie formats can also be changed to flv using this free software, 
but typically you have to check the box to omit the sound for the translation to work.  Another way 
to convert any movie you have to flv format w/o using Flash is noted elsewhere on this web page -- 
see the section "Cross-platform flv (new great flash movie format) PLAYER", below.) 
Like with the audio player, this one video player can play any number of flv videos by just changing the 
address/name typed in - thus you can instruct the student type in more than one address into the player, in 
the instructions on a single slide.  (FOR BOTH THE AUDIO AND VIDEO PLAYER, the file names 
can be made to be anything and you may leave off the .mp3 or .flv extension and the file will still be 
called up by its name - making these players very friendly.)

If you need to record an audio and you want to do it directly on your PC computer, then 
a $10 microphone and the free Audacity program for PC will make a wav (which can then 
be converted to a mp3 with the other free software I mentioned above). 

The Display Utility works fine just running locally from any folder on the desktop or 
hard drive; thus it is a good way, in general, to provide results of investigation (be they audio, 
video, pictures, text, or any combination thereof). NOTE: While Flash 8 Player must be in the browser 
used - and that *comes with* 90% of modern browsers - it is not necessary to view this material from 
a web site.]

------------------
------------------

Web Page AUDIO PLAYER

It occurs to me that you might want to provide your web page users with a mp3 
audio player, which is NOT part of the Display Utility above.  An example of this 
can be seen by clicking THIS LINK.  To hear it play an mp3, type in "whatever.mp3"
(without the quotes) - that is one available on my site (in the same folder as the player). 
Here is a link to a zip file that gets you the web page and the 
             Flash movie that is the mp3 player.

(Following the directions AT THE END OF THE SECTION ABOVE tells you 
how you can embed this mp3 player within an area on one of your own web pages.)

------------------
------------------

MORE FLASH APPLICATIONS
(like all Flash, all cross-browser and cross-platform): 

GRAPHING!

Now available are 4 graphing programs.  Each allows for line graphs up to 40 points. 
Two provide only one such line ( my40FlGraphGrid.html & my40FlGraphXY.html ), 
while 2 others allow the graphing on one grid or xy axis, of three 40-point line graphs 
( thrl40FlGraphGrid.html and thrl40FlGraphXY.html ).  The left top point or dot is 
dragged to the first plotted location on a grid or xy axis.  Subsequent points (up to 39 
more) are 'dragged off' the top right dot.  For the graphing programs allowing three 
line graphs to be drawn, the same is true ONLY TIMES THREE ! -- look and see! 

The 2 input text boxes at the bottom allow you to load whatever labels into the 
'dynamic' textboxes for the x and y scales.  These dynamic boxes are also drag- 
and-drop (just like the points or "dots"), so they can be placed anywhere you want. 
The dynamic textboxes are loaded/reloaded, each time you simply make any changes 
in the bottom 2 input boxes.  The entire set of 4 swf (Flash) graphing programs and 
the 4 web pages to run them may be obtained by CLICKING HERE TO GET A ZIP.

Then, of course, you may upload all of this to your site.   Note:  Once a graph is 
produced, on a PC a student may hit the keys ctrl and prt sc together and this puts 
an image into the clipboard.  Then the student may open Paint (Programs  --> 
Accessories --> Paint) and Paste it into a Paint document.  Then the student can do 
a Save As and name and save the image (the image should be saved as a gif or 
jpg and NOT a bmp, because they are much larger).  A similar procedure is available 
for Mac users, just ask around.

A version of this graphing program, allowing for much finer control of the labeling 
of the axes , thrl40FlGraphGridf.html , is now available.  You may also download 
the swf and html pages for this in a zip.  HERE IS A LINK FOR THIS ZIP FILE.

------------------
------------------

Cross-platform flv (new great flash movie format) PLAYER. 

THIS ZIP (zip via this link) WILL GET YOU EVERYTHING.
Included: The flv player itself ( N2videoPlayer.swf ); 
a html page that runs it ( N2videoPlayer.html ); a page 
that opens a special resizing html page so that the 
FLV Player runs in a small undecorated, "floating" browser 
window (opener.htm opens specN2videoPlayer.html in its 
own undecorated window and the specN2videoPlayer.html resizes 
itself); and wswf2.htm illustrates embedding the FLV Player, left 
aligned, so it sits on a web page with text wrapping around it 
(on the right), just like a left-aligned jpeg.  (Do not be 'put off' by 
the gobbly-gook I typed instead of words surrounding the Player in 
this sample web page - replace that with your own words!) Also, I have  
included the raw N2videoPlayer.fla file so you can open it in Flash MX 2004 or 
higher and alter it to your desires (but be careful, it is easy to break). 
A major feature of this FLV Player is that you can run movie after movie 
in it, in the same space on a web page (no need to open a Player for each 
movie !) Using it is self-explanatory:  Type the name of the flv file, that 
is the same folder as the Player swf file, into the top Input textbox 
(e.g.: something.flv ) and Click the Play Button. There is also a 
PAUSE/UNPAUSE Button.  Click here for a copy of these directions. 

At the present time I have only one flv movie in my web site folder. It is 
Movieh.flv.  When any of the web pages running the Player are open in 
your browser (pages from my web site), go ahead and type Movieh.flv in the 
Input textbox and Click the Play Button.  Test the PAUSE/UNPAUSE Button. 
(For very slow connections, press pause and wait a while before continuing 
 to Play the movie, because this allows more to download - that's good to know.) 

If you would like a flv Player that is twice as big in each dimension, width and height: 
CLICK HERE for the videoPlayer2.zip . 

Final Notes: (1) If the PAUSE/UNPAUSE BUTTON IN THE SEPARATE-WINDOW 
version gets cut off, change the code onload="this.window.resizeTo(350,390);" in 
the body tag of specN2videoPlayer.html so the second parameter is 420 instead of 
390.  (Make this change by opening specN2videoPlayer.html in Notepad or SimpleText 
and Save after making change.  Upload the changed version of this page to your site.  
This change was made in my specN2videoPlayer.html, the page opened BY 
opener.htm (which is a link above). )  (2) If your school has a web page building 
interface, for building your own web pages semi-automatically, some interfaces make 
it difficult to add code to the head of a web page.   **** Solution ****: 
All the script from the first script tag and last tag, shown in the head of opener.htm , 
can be put in body of a page, right after the first body tag (include both start and end  
script tags).  You must still be in some sort of code view of your web page to add this 
script code and you must also add the code for the special link to your own opener 
web page (put that link wherever you like).  The special code in the web page that 
opener.htm opens (i.e., specN2videoPlayer.html) is all in the first body tag and the rest 
of the code is in the body, so you should be able to produce one of these web pages 
for yourself, even with the sort of interface, I have seen (and just described).  (3) In the 
code which embeds the swf Player on that page, you may have to change the address 
of the swf file (in both of the 2 locations it appears) IF your web pages and swf files 
DO NOT get put in the same folder on the web server; swf files often get put in the 
same folder as images, and thus would have an address similar to any image on your 
web pages - and in that case the swf address would be like the address for a jpeg.

------------------
------------------

Online Flash Cards Application
-- Especially for Speech/English/Composition/Language Arts 
    teachers

An application allowing you to have virtual note cards for developing 
speeches or for writing papers or any compositions has been developed. 

You can pick the number of virtual "note cards" you want.  Put as much material 
as you want on each, edit and change what is on each, and drag them around to 
reorder the "cards" to your heart's content.  The web page is:

http://home.att.net/~online_tools/FlashCards/myCards2.html

Obtain a zip for download containing this application by going to:

http://home.att.net/~online_tools/FlashCards.zip

------------------
------------------

Art/Geography Teacher APPLICATION

An application allowing you view portions of large (up to 1800 X 1800 pixel +)
jpegs has been developed AND you navigate to different parts of it by dragging 
a "magnifying glass" over parts of a miniature version of the display.  Good 
for close study of paintings and other art works, or for viewing maps, etc. 

A sample of the program can be viewed at:

http://home.att.net/~online_tools/DeViewerN/deViewerN.html

( for this version with a slightly better "navigator", see:
  http://home.att.net/~online_tools/DeViewerN/deViewerN2b.html)

and the following jpg images are there for you to try it out:

    * Winter.jpg
    * CCeiling.jpg
    * World.jpg

P.S. *** IMPORTANT NOTE *** : 
The large images take over a minute and maybe 2 minutes to download, 
AT 56K download speed.  So be patient after clicking the "black button". 
Also: The viewer should not be moved while waiting for the download.

A "horizontal" version  of the program also exists and can be viewed at:

http://home.att.net/~online_tools/DeViewerH/deViewerH.html

(for this version with a slightly better "navigator", see:
  http://home.att.net/~online_tools/DeViewerH/deViewerH2b.html)

and the following jpg image is there for you to try it out:

    * 2ceil_ve2.jpg

P.S. Again, the large images take over a minute and maybe 2 minutes to download, 
AT 56K download speed, so be patient after clicking the "black button". 
Again, also: The viewer should not be moved while waiting for the download.

Get these programs, by going to: 

http://home.att.net/~online_tools/DeViewerN.zip

and

http://home.att.net/~online_tools/DeViewerH.zip

respectively.

All that you need to know to use these is to put the jpgs in the same directory (folder) 
as the html and swf files that are the program itself.

---------------------------------

Art/Geography Teacher APPLICATION (new version)
(same as old N version, except allows access to remote domains)

A NEW VERSION of the application allowing you view portions of large 
(up to 1800 X 1800 pixel +) jpegs has been developed, allowing you to look at 
jpegs on any web site -- the jpegs no longer need to be on your web site. 
(You simply must fill in an extra textbox telling the application the domain 
 and subdomain (folder) you want to access a jpeg from and then you can 
 type in the full web address and look at an large jpeg on any domain where 
 you might find them.)  Saves the trouble of getting permissions to put a copy 
of jpegs on your own web site!

As with the other versions, you navigate to different parts of the big jpeg by dragging 
a "magnifying glass" over parts of a miniature version of the display.  Good 
for close study of paintings and other art works, or for viewing maps, etc. , etc. etc.

The zip file containing this version can be obtained by clicking this link:

http://home.att.net/~online_tools/deViewerN3b.zip

---------------------------------

Art/Geography Teacher APPLICATION (another new version)
(like the version above, except allows for larger jpegs)

This NEW VERSION of the application allows you view portions of even larger 
(OVER 1800 X 1800 pixel +) jpegs has been developed, & allowing you to look at 
jpegs on any web site -- again, the jpegs no longer need to be on your web site. 
(You simply must fill in an extra textbox telling the application the domain 
 and subdomain (folder) you want to access a jpeg from and then you can 
 type in the full web address and look at an large jpeg on any domain where 
 you might find them.)  As with the version above, this saves the trouble of getting 
permissions to put a copy of jpegs on your own web site!  And, again:

As with the other versions, you navigate to different parts of the big jpeg by dragging 
a "magnifying glass" over parts of a miniature version of the display.  Good 
for close study of paintings and other art works, or for viewing maps, etc. , etc. etc.
(NOTE:  On this version it is kind of hard to keep track of the "magnifying glass".
 Please notice that the blue textbox -- which kind of looks like a flag -- disappears 
 when you are over the "magnifying glass" thingy and the cursor turns into a hand.)

The zip file containing this version can be obtained by clicking this link:

http://home.att.net/~online_tools/deViewerN3c.zip

For fun (and to try this thing), after you download the zip file and unzip it, run the html page.
Read the directions at the top (so the instructions below make good sense) then:  

Try http://www.primap.com/en/ in the top textbox and hit the 1st black button 
then type: 

http://www.primap.com/en/Maps-Europe-Map-2400.jpg in the second textbox , 
and hit the second black button.  Walla!!  Here's another great one to try:

college-de-vevey.vd.ch/auteur/livres/decouverte/Renoir/  <-- 1st textbox, 1st button
(NOTE: Although the directions on the application's web page itself say to leave the http:// portion 
 of the web address OFF -- AS SHOWN ABOVE -- this has not been found to be necessary.  
 Leaving the http:// portion on makes the program more convenient to use, so you can leave it on. )

http://college-de-vevey.vd.ch/auteur/livres/decouverte/Renoir/385.jpg <-- 2nd textbox,button

By the way a great way to find BIG maps and images of paintings is to go to 
http://images.google.com and then do and "Advanced Search" for LARGE images 
only and for either, for example, "maps europe" or some particular painter's name... .! 

NOTE: If you have an old pc/mac and/or an old browser, you should go to 
http://home.att.net/~online_tools/deViewerN3c.html because this particular version 
of the program on THIS WEB SITE has a Flash version detector and will allow you 
to get an updated Flash Player from MacroMedia, if the one built into your browser 
is too old.  ALL USERS OF ANY OF THE FLASH PROGRAMS ON THIS WEB 
PAGE WOULD BE WELL ADVISED TO VISIT THIS WEB PAGE, JUST TO 
GET THE VERSION CHECK ON THEIR FLASH PLAYER AND UPGRADE IF 
NEEDED.  If any of the Flash programs on this site do not work, it is just because you 
need a more modern Flash Player for your browser.  This link will get it for you.

By the way:  CCeiling.jpg is local to this deViewerN3c.html program and can be 
used to test it.  Since this jpeg is local, only the second textbox and button need be used.

Finally: You may feel the need to have the full "kit" for browser detection on 
your own web site.  It is in a zip file you can have by clicking THIS LINK. 
All 6 files in that zip (once extracted) of course would need to go on your web 
site.  Users would still run the program by going to 
http://[your domain].deViewerN3c.html -- which is one of the 6 files in the zip.

---------------------------------
---------------------------------

FLASH Self-Scoring Self-Quizzes Item Templates
(Flash MX 2004+ needed to manipulate these templates and to compile the quizzes.)

If you have Flash MX 2004 (or higher) and if you have learned how to 
use the Quiz templates they provide for making self-scoring self-quizzes 
(as Flash "movies"), then the following ZIP files (once unzipped) provide  
additional templates that allow you to have twice as many options per item 
and allow you to conveniently have up to ten drag-and-drop items per 
self test.    Here is the zip file with these additional templates:

CLICK HERE TO DOWNLOAD Fintemp4b.zip (NOTE: If you are familiar with 
the Macromedia Quiz Item Templates download just the NEXT zip -- with a link 
below the next paragraph -- and NOT this one.)

And, here is a link to some directions (in addition to directions Macromedia provides).

Also provided is a slightly better starting point fla file for you. 
I have put 50 frames (not counting the standard starting and ending frames) 
on each layer. This allows you to just slide an interaction (item type) 
onto each frame of the Interactions layer and follow the directions in 
the bottom Directions box shown with each Interaction. I have locked 
all the layers except the Interaction layer to prevent you from 
mistakenly sliding (putting) an Interaction on the wrong layer.

This allows for up to a 50 item self test / quiz and if you do not need 
that many frames, simply delete the extra number of frames ON EACH LAYER.

HERE IS THE LINK TO DOWNLOAD THIS  NEW ZIP ( Fintemp4c.zip ).

Honestly, if you are familiar with the Macromedia Quiz Item type templates
you can just download this second zip AND NOT download the first zip 
file (above) -- WHICH HAS JUST VERY LAME EXAMPLES OF THE
USE OF SOME OF THE ITEM TEMPLATES ANYWAY.

CLICK HERE FOR AN EXAMPLE OF THE KIND OF SELF-QUIZ/ TEST 
YOU CAN MAKE. [NOTE: Using animated gifs involves importing them into a 
blank fla document; testing this 'movie' to make a swf; importing THAT swf into 
the Library of your Quiz (the quiz/self-test fla document); right clicking THAT in the
library and turning it into a compiled clip.  Then the compiled clip can be dragged on the 
stage and used in any of the hot areas, drag-and-drops, or whatever.]  [NOTE: If you are 
taking the sample self quiz and want to get the harder items correct:  Mendeleev goes 
with Periodic Table; Owens with genetics; Moseley with x-rays; and Hodgkins with 
penicillin .   Hahn goes with heavy nuclei; Kuhn with vitamins; Curie with Radium; and 
Wright with chemo for cancer.]

---------------------------------
---------------------------------

Another APPLICATION for the English/Composition/
Language Arts Teacher:

An application allowing you to instantly publish written compositions by students 
instantly to a web site so the can be conveniently and instantly  shared and 
viewed by all students.  The regular text version of this program can be viewed at: 

http://home.att.net/~online_tools/All4/frameView.htm

(Please read all of this section, including the note at the bottom of the section, 
 before running any of these programs.)

Compositions written by students in SimpleText or in NotePad (with Edit --> Word Wrap on) 
can be collected by teachers, and in seconds pasted into files with the appropriate names, 
uploaded to the teacher's web site, and INSTANTLY view and shared with everyone 
in the whole class.   A second version, allowing for links and some basic html formatting 
of the text is also available (this involves ONLY the most rudimentary knowledge of a 
few html markup tags).  It can be viewed at:

http://home.att.net/~online_tools/All4/frameViewH.htm

In the same folder (directory) with this htm page and the other associated html pages 
and the associated swf file are 35 tnew*.html files from which the content is "drawn up".
The teacher alters these and uploads them to their web site (to the correct folder -- 
where the rest of the application is).

Similarly, for the regular text version, there are 35 tnew*.txt files which the teacher quickly 
and easily edits or updates with student content (via nothing more than a simply copy and 
paste) and then uploads them to their web site (to the correct folder -- where the rest of 
the application is).  These programs are available as zip files for download, by going to:

http://home.att.net/~online_tools/All4.zip

(This download also includes the image viewer described in the previous section, but with NO 
 jpgs accompanying them -- you will have to drag some jpg images into the All4 folder after unzipping.)

If, by chance, you do not like viewing student writings on a frame page, a text display 
viewer has been developed for viewing regular text (not html).  You still use a browser 
to run the Flash application, just as with all the others on this web page.  The text 
shown using this tool is scrollable, but scrolls using the Up and Down Arrows on 
your keyboard INSTEAD of a scrollbar.  This application has a small map to guide 
you and to move from one student paper to the next.  This application reads the 
same 35 *.txt files for its content as the first application in this section.  To see 
and try this application, go to:

http://home.att.net/~online_tools/TextDisplay/student_work2.html

To get this application for yourself, go to 

http://home.att.net/~online_tools/TextDisplay.zip

Here are brief, but likely sufficient directions I have provided 
some users of the program in this *.zip:

[In the directions below, replace the word "NotePad" with SimpleText, if you are a Mac 
user -- no need to turn word wrap on since it is automatic in SimpleText:]

This application  lets you conveniently display 35 papers ALL 
on one web page. How?, you ask. Well, a small "map" lets you navigate 
and move from one paper to the next. The textareas that appear (each with 
a paper in it) are scrollable -- that is, once you click in it you can use 
the arrow keys (Up and Down) to scroll (if needed). The really good news is how 
easy the thing is to use. (It comes loaded with some sample material -- 
most too short to need scrolling -- but paper 1 is long enough to use 
scrolling):

The application draws its content up from 35 *.txt files (named as you will 
see when you unzip the zip, above). ALL you have to do is take a paper; 
paste it into NotePad with WordWrap on (so you get a idea of how it will look); 
save the NotePad document and then copy and paste it into one of 
the 35 *.txt files in the folder the application unzips into (replacing the 
current content -- all except mytext=).

(Spaces and returns are honored; tabs are not, so you may have to replace 
tabs with spaces (DO THIS before transferring stuff from YOUR saved Notepad 
document to the *.txt file I provide. )
Simply paste everything after where the PRESENT txt file reads mytext= , 
otherwise replacing the current content. The content will be automatically 
word-wrapped when the application displays it, so do not provide your own 
line spaces except between paragraphs.)

This allows many of ones writings to be displayed on one web page and look 
good. Of course the involved html file, the swf file and the 35 txt files 
must "live" in the same directory. You can test it all on your desktop, 
since it works the same there. Be sure to be connected to the Internet in 
case your version of Flash needed updating -- that will happen automatically, 
if you are online.  This application allows teachers with web sites to immediately 
upload (ftp) student writings (as properly named txt files) to their web site 
allowing for IMMEDIATE display of student work to a class.

P.S. *** IMPORTANT NOTE *** : 
The content takes a minute and maybe a bit longer to download, 
AT 56K download speed.  So be patient after loading the page, 
the content WILL arrive. 

------------------
------------------

For an example of dynamic maps that can be made with Flash 
(cross-platform and cross-browser) see:

http://home.att.net/~online_tools/finditF.html

I will send the *.fla file to anyone interested in using this with their 
own background image, their own drop-down menus, for their 
own purposes.  The deViewer programs above are another way to accomplish 
the same thing, though perhaps not as nicely.

---------------------------------
---------------------------------

IF YOU HAVE ANY QUESTIONS, CLICK THE BUTTON ABOVE FOR MORE INFORMATION and feel 
free to email this site owner.

---------------------------------
---------------------------------
---------------------------------
---------------------------------

PASSWORD PROTECTED SITE ENTRANCE   (another tool for you that you may use on your sites):

Here is a link to the home page -- just to quickly view the interface, if you want to.  Follow the direction 
for using a password and type "testIt2b" (without quotes) in the textbox that appears in the right frame ... 
if you would like to see it work.

Let me provide you with a zip file of all the very basic core files.  Since now the pages IN MY LIVE SAMPLE 
are protected against you coming to them without JavaScript on and protected against viewing of the 
source via right click --in short, all the security measures described on the linked page (link to it at the bottom 
of this section) have been put into effect  -- you can only view the html and script code in these raw copies in 
the ZIP.   HERE IS THE LINK TO THE ZIP FILE.  NONE of the security measures in the live sample have 
been put into effect in the files in the ZIP, so you must follow all the directions on the page you 
get to via the last link on this page to make the pages in the ZIP into the functional 
application.    *** ALSO ***:  You will need to change a couple of lines of html code in 
the HomePageright-frameSource2.html page so it shows addresses to the root of YOUR web site and NOT 
mine, as is currently the case.  And you can change the name of index.html, if you like.   The Java icon -- a 
gif image -- is in the ZIP file ; it goes in the web site root (same folder) as everything else in the ZIP. 
ALL PAGES TO BE ACCESSED DIRECTLY VIA the Java app's "PASSWORD" MUST END IN THE 
EXTENSION, html .

NOTE (and this note is not repeated on the linked page, below):
The pages you have people first get to through the Password Site Entry Page should be weirdly 
named, so only people you want getting there, get there.  Also, you will  want to add the following 
line to the html code of each of those pages you direct people to in the password-protected system: 
<meta name="robots" content="onindex,nofollow">  (put right above the <title> tag in the <head>).
This will prevent robots from indexing that page in search engines (like Google).  

AGAIN: The index.html main frame page does NOT have to be named index, but can be 
named anything you want, THUS the default home page of your site NEED NOT be the Password 
Entry Page.  And, therefore, just a portion of your web site may be "password" protected.  

For all the code for security for this password system, CLICK HERE  
and follow the additional directions.  (Recall: None of the files in the zip
file have any of the security or script for the functionality added
BECAUSE you will need to learn right away how to do this in a
tailor-made way for your own site and for your own web pages anyway.)