LIBR 246
Major Assignment
Incorporate four (4) Javascript programs into the site. Components must include:
- A fully validated form (text boxes, drop down boxes, radio buttons, checkboxes)
- DHTML vertical or horizontal menus and the use of select boxes as menus
- Images manipulated by Javascript
- The use of Javascript to dynamically load the same content on several pages
- A use of cookies
- In addition all images must be preloaded on the site
Examples
The programs are incorporated into "Red Gravenstein Press," a based on a set of pages I created for my personal site and making use of several chapbooks of poetry published between 1997 and 2000.
- Fully validated form: Red Gravenstein Press Catalog Order. Form is contained within the "order.html" page (viewable by clicking on "View order" button. Note: although validation works and the form contains the required elements, due to an unsolved problem, the user can check options to both receive special offers or new product news and recieve no mail. Additionally, the order confirmation pop-up window contains several bugs that cause it to incorrectly display credit card information and not display comments at all; finally, the print option in the pop-up window does not work.
- DHTML menus and select boxes: DHTML menus are incorporated into the "Scything & Smithing" pages (also featured on the top-level navigation); a select box provides navigation through the "Broadsides" pages.
- Dynamically loaded content: the header, navigation and footer for most pages are created by external script ("rg-press-header.js" and "navigate.js," respectively).
- Images manipulated by JavaScript: The Zoo Stew Slideshow.
- Cookies: the Contact page uses cookies to send mail to me with comments about the site (also found on the top-level contact page).
- ...and all graphics are pre-loaded.
Incorporate two (2) DTDs with XML coding and four (4) XSL stylesheets (two for each XML/DTD grouping)
Examples
The DTDs and XML documents are incorporated into "Red Gravenstein Press," a based on a set of pages I created for my personal site and making use of several chapbooks of poetry published between 1997 and 2000.
-
DTD/XML 1: Scything & Smithing poem database. Searchbox allows display of sorting of poems in the Scything & Smithing section:
- Alphabetically by title
- Alphabetically by author
- Blacksmithing poems
- Scything poems
- Nineteenth century poems
- Complete list with twentieth century poems highlighted
This sorting from the scything.dtd/scything.dtd makes use of six XSL stylesheets (generic1.xsl, condition.xsl, if.xsl, if1.xsl, sort.xsl, and sort1.xsl).
-
DTD/XML 2/3: Find A Poem searches the all the poems contained in the chapbooks published by Red Gravenstein Press. Searches can be made for:
- Poem title
- Author
- Collection
- Poem topic
Alternatively, contents of each collection can be displayed in a comprehensive list or by individual chapbooks.
This set makes use of the XML/DTD pair contents1.dtd and contents1.xml for the search function, displayed with: two XSL stylesheets (generic1.xsl and sort1.xsl - same filenames, but different content from the stylesheets used in the first pair above); and for the contents display: contents.dtd and contents.xml, displayed with 8 stylesheets (generic1.xsl [same as above], sort.xsl, if1.xsl, if2.xsl, if3.xsl, if4.xsl, if5.xsl, and if6.xsl).
Note: Search function for poem topic does not work as expected; for an undetermined reason, results appear to be random.