Online html-Page Outline Maker

(Change all the text content to what you want, but keep at least the large heading,
with its id intact. READ the "NOTE: Special Instructions" (halfway down this page), before beginning.)

The Document Object Model (DOM) allows for quick, dynamic access to all elements in an XHTML document for manipulation with JavaScript.
For more information, check out the some good JavaScript books.
The buttons below do what you might want to do.
---------------------------------------------------------------------------------
 
Sometimes, the item may need to be selected more than once & this button pushed more than once ->
           NOTE: Replacing or Removing an Item *CLEARS OUT* all child nodes.
TO EDIT JUST THE TOP ITEM OF WHAT IS SELECTED, USE
THE FOLLOWING TEXTBOX AND BUTTON: (Currently Firefox Only):

(NOTE: Special Instructions :
Start by removing existing I., II., and III. Then click on the dashed line and use Insert Before to add the first
item to your outline.

 



(To see good html, use Firefox.) Paste all the textarea code into NotePad/SimpleText and Save it as [yourpagename].html,
with the file type textbox in the Save As Dialog set to 'All Files" (so no unwanted .txt extension gets tacked on). You then
have a web page which IS the very outline you just created using this JavaScript program. Easy as that.
(To have your own copy of this Builder Program, just View Source, Copy & Save As html doc. -- like you do with code in the textarea.)

For an advanced multi-multi-featured outline maker (though one requires you read some more directions): CLICK HERE.

AND, here is your very own PERSONAL DAILY TODO LIST MAKER/EDITOR.