---------------------------------------------------------------------- /css/ Listing of the cascading style sheets (CSS) used in the interface samples. ---------------------------------------------------------------------- /images/ Listing of the images used in the interface samples. ---------------------------------------------------------------------- /js/ Listing of the javascript (JS) used in the interface samples. ---------------------------------------------------------------------- ajax.php Experiments using JSON to dynamically generate various input fields based on current user selections. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- calendar.html Dynamically implements a calendar popup allowing the user to choose a date to populate associated field. Includes a full range of customizable features. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- checkboxes.html Select/deselect all functionality in a series of checkboxes. Dynamically enables buttons for viewing details of listed files. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- corners.html Dynamically builds rounded or angled corners on one or more corners of a block DIV without images and/or multi-cell tables. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- datatable.html Displays alternate colors and applies a hover color on table rows when the table loads, without the need for special formatting within the HTML document. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- expandedheader.html Adds further functionality to the header area of the basic template, including change mode and support (ticket) information. ---------------------------------------------------------------------- filternav.html Taking the SideNav example a step further, this expandable/collapsible left navigation system includes an additional filtering block for those items so specified. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- form2col.html Displays a neatly formatted form without tables, utilizing styled ordered lists. Includes date picker with popup calendar and lookup with popup window. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- formoptions.html Allows user to move content within and between form elements. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- formvalidate.html Demonstrates client-side form validation routines displaying error and warning messages to user as necessary. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- infotable.html Uses definition lists within a single table to display labeled textual information in a multi-row and multi-column format to save space. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- newsticker.html Displays a small news strip below the header area, introducing one news item at a time in sequence in a fade-in/out manner. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- paging.html Various methods to display pagination for data returns spanning multiple pages. ---------------------------------------------------------------------- plugins.html Displays the location and format of notification to user of the need for Adobe Reader software for viewing PDF files, PowerPoint viewer for viewing PPT files, and Flash player for viewing Flash movies. ---------------------------------------------------------------------- popup.html Basic popup window interface standard, with parameter options to open popup at specified size or nearly full-screen. ---------------------------------------------------------------------- scrollablediv.html Dynamically introduces scrollbars on a blocked element on a page if that element's contents would otherwise force the page footer off the viewable screen. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- search.html Synamically displays a search bar when the Search link in the strip nav is selected. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- sidenav.html Maximize screen real estate with this expandable/collapsible left navigation system housed within a fading in/out wrapper. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- stripnav.html Provides a small subnavigation scheme for Web-based appplications with extensive user options. ---------------------------------------------------------------------- suckerfish.html Streamlined implementation of the popular Suckerfish multi-level dropdown navigation system. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- tablesorter.html Similar to the datatable construct, but with the addition of client-side sorting of information by clicking on the column headers, and an icon indicating sort in ascending or descending order. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- tabnavigation.html Institutes a Javascript object-based solution to displaying tabs when more exist than screen space allows, by scrolling the tabs horizontally. Tabs created with a simple unordered list styled with CSS. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- template.html The basic FHSC interface standard, on which all other samples are built. ---------------------------------------------------------------------- treeview.html An expandable tree navigation system, complete with Expand and Collapse All buttons. Utilizes the JQuery Javascript library. ---------------------------------------------------------------------- tutorial.html An exploded tree navigation system, displayed as a static left column. Utilizes the JQuery Javascript library (albeit non-functionally). ---------------------------------------------------------------------- xss.html Limits text field entry to a small set of characters, preventing cross-site scripting. Utilizes the JQuery Javascript library. ----------------------------------------------------------------------