Pages Visited

JavaScript Code for

By Vic Phillips http://www.VicsJavaScripts.org.uk
This utility uses a cookie to allow a visitor to track the pages they have visited
Links to visited pages are listed in a control panel.

Demonstration Panel
Demo Links	Level 0 Page	Level 1 Page
Float	On	Off
Position	Top Right	Bottom Right
Links Appearance	In Line	New Line
Collapse Paths	Yes	No

The Links are recorded for a specified duration.
A check box allows the panel to be maximised and minimised to specified heights.
Another check box allows recorded links to be deleted.
pv_Part1 variables allow the panel to be customised.
The panel has 'Drag' and 'Float' facilities

Bread Crumb

Simple Bread Crumb (what a silly name)

A simpler application of the cookie
but meets the basic navigation requirements.
The display panel is defined in the page HTML Code,
uses less JavaScript code but with less features
and the appearance customisation restricted to the HTML code.

The 'Previous Page' Script
The pv_Part1 Code including Application Notes.

// Application Notes
// This utility uses a cookie to allow a visitor to track the pages they have visited
// Links to visited pages are listed in a control panel.
// All links may be displayed or the links collapsed according to the link hierarchy.
// The Links are recorded for a specified duration.
//
// A 'Title' may be displayed.
// The Panel may be dragged from the 'Title' by MouseDown and drag.
//
// Two controls may be displayed.
// A check box 'Show' allows the panel to be maximised and minimised to specified heights
// Another check box 'Clear' allows recorded links to be deleted.
// Double Clicking 'Clear' will delete the cookie.
//
// If the controls are not displayed the panel will be displayed at 'pv_MaxHeight' height.
//
// Customising variables allow the panel appearance to be specified for each page
// The initial position of the panel is normally specifed in px.
// However the position may be specified as 'B' to position at the bottom of the window
// and 'R' to position at the right of the window.
// The visitor may modify this position by dragging the panel
// The panel may also 'float' as the window is scrolled.

// The utility is initialised from a <body> onload event,
// eg <BODY onload="pv_PageVisited()" >
// and repositioned on the window resize event,
// Part 1  Document Specific Variables
// eg <BODY onload="pv_PageVisited();onresize="pv_ReSize();" >
// The code includes a window onscroll event 'pv_ScrollTop(1);' if customising variable "pv_Float='Yes';"

// All variable, function etc names are prefixed with 'pv_'
// to minimise conflicts with other JavaScripts

// The Cookie 'root' is the directory of the first page visited
// the cookie can be accessed from all sub-directoties of the 'root' directory.
// If the browser Cookies is disabled the panel will not be rendered

// The Customising code 'pv_Part1' can be page specific or an External JavaScript.
// The functional code 'pv_Part2' (about 6K) is best as an External JavaScript.

// Tested with IE6 and Mozilla FireFox

// Customising Variables (set in the Master Page Only)
var pv_Days=1;                    // The Links will be remembered on revisits for a specified number of days
var pv_Show='N';                  // The intial display of the panel if the cookie has not been set 'N'= minimise, 'Y'= maximise
var pv_Collapse='Yes'             // 'No'= show all pages, 'Yes' = only hierarchial pages from root

// Customising Variables (All Pages)
var pv_Master='PagesVisitedX.htm'; // The 'Master' page, one and only page the cookie can only be initialised from
var pv_Cookie='pv_MyNameY';        // The Cookie name
var pv_Float='Yes';                // 'Yes' = retain Y position when the page is scrolled
var pv_Controls='Yes';             // 'Yes' = display the 'Show' & 'Clear' Controls

// Customise the Panel (All Pages)
var pv_Title='Pages Visited';    // the Panel title - '' = no title              (string)
var pv_Position='absolute';      // 'absolute' or 'relative'                     (string)
var pv_ZIndex=10;                // panel needs to be above other elements       (digits)
var pv_Top=230;                  // Position from top or 'b' for 'Bottom' in px  (digits or B)
var pv_Left='R';                 // Position from Left or 'R' for 'Right' in px  (digits or R)
var pv_Width=180;                // panel width  in px                           (digits)
var pv_MinHeight=40;             // minimised panel height in px                 (digits)
var pv_MaxHeight=80;             // maximised panel height in px                 (digits)
var pv_BGColor='#FFCC66';        // back ground color                            (string)
var pv_Border='solid black 1px'; // panel border                                 (string)
var pv_FontSize=12;              // size of the text  in px                      (digits)
var pv_FontColor='black';        // color of the text                            (string)
var pv_NewLine='No';             // ='Yes' will list links on a new line         (string)

//-->
</script>

The Code
The Code is in two parts
pv_Part1 Customising Variables
pv_Part2 Functional Code

The functional code 'pv_Part2' (about 7.5K) is best as an External JavaScript.
The customising variables 'pv_Part1' (typically 0.5K without notes)
may also be an External JavaScript if a common panel appearance is required.

The utility is initialised from a <body> onload event,
eg <BODY onload="pv_PageVisited()" >
and repositioned on the window resize event,
eg <BODY onload="pv_PageVisited();onresize="pv_ReSize();" >
The code includes a window onscroll event 'pv_ScrollTop(1);'
if customising variable "pv_Float='Yes';"

All variable, function etc names are prefixed with 'pv_'
to minimise conflicts with other JavaScripts.

The Cookie 'root' is the directory of the first page visited
the cookie can be accessed from all sub-directories of the 'root' directory.

Tested with IE6, and Mozilla FoxFire.

The 'Bread Crumb' Script
The bc_Part1 Code including Application Notes.

// Application Notes
// This utility uses a cookie to allow a visitor to track the pages they have visited
// Links to visited pages are listed in a control panel.
// The links collapsed according to the link hierarchy.
// The Links are recorded for a specified duration.
//
//
// The display is defined in the page HTML code
// eg
// <table width="400" cellpadding="5" cellspacing="0" border="1" bgcolor="#FFCC66" style="font-size:12px;" >
//   <tr height="25" >
//     <td>Simple Bread Crumb</td>
//   </tr>
//   <tr height="50" >
//     <td id="SimpleBreadCrumb" valign="top" > </td>
//   </tr>
// </table>
//
//

// The utility is initialised from a <body> onload event,
// eg <BODY onload="bc_BreadCrumb('*Target*')" >
// where
// *Target* = the id name of the element to display the links (string)

// All variable, function etc names are prefixed with 'bc_'
// to minimise conflicts with other JavaScripts

// The Customising code 'bc_Part1' can be page specific or an External JavaScript.
// The functional code 'bc_Part2' (about 6K) is best as an External JavaScript.

// Tested with IE6 and Mozilla FireFox

// Customising Variables (set in the Master Page Only)
var bc_Days=1;                    // The Links will be remembered on revisits for a specified number of days

// Customising Variables (All Pages)
var bc_Master='PagesVisited.htm'; // The 'Master' page, one and only page the cookie can only be initialised from
var bc_Cookie='bc_MyNameYY';        // The Cookie name

//-->
</script>

The Code
The Code is in two parts
bc_Part1 Customising Variables
bc_Part2 Functional Code

The functional code 'pv_Part2' (about 2.5K) is best as an External JavaScript.
The customising variables 'pv_Part1' (typically 0.5K without notes)
may also be an External JavaScript if a common panel appearance is required.

The utility is initialised from a <body> onload event,
eg <BODY onload="bcBreadCrumb('*Target*')" >
where
*Target* = the id name of the element to display the links (string).

All variable, function etc names are prefixed with 'bc_'
to minimise conflicts with other JavaScripts.

The Cookie 'root' is the directory of the first page visited
the cookie can be accessed from all sub-directories of the 'root' directory.

Tested with IE6, and Mozilla FoxFire.