Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

README.md

Footnote Viewer

A JavaScript-driven web application that allows users to click on highlighted "footnote" phrases in a document and view their corresponding definitions in a styled popup window.

Features

  • Interactive Footnotes:
    • Click on any highlighted term to open a popup displaying its definition.
  • Dynamic Popup:
    • Popups are created dynamically using JavaScript, ensuring a seamless and responsive user experience.
  • Custom Styling:
    • Styled popup windows with customized fonts, colors, and layout for improved readability.
  • Close Button:
    • Each popup includes a "Close Footnote" button to easily dismiss the window.

Technologies

  • HTML: For the structure of the article and footnote phrases.
  • CSS: Additional styling beyond what's applied in the JavaScript.
  • JavaScript: Handles phrase detection, event handling, and dynamic popup creation.

How to Run

  1. Open the hamletFootnotes_txt.html file in a web browser.
  2. Interact with the document by clicking on highlighted footnote phrases.

About This Project

This program was developed as part of an assignment for my programming class. The folder names and structure reflect the required naming convention for class submissions.