WebVoyage 7 (Tomcat) Call Number Tooltip

Tags: tomcat
Last Updated: Apr 03, 2012 20:15

Description
A JavaScript add-on that adds a tooltip to the Location field on results and holdings pages. Uses jQuery and clueTip.
Author: John Hubbard
Institution: University of Wisconsin - Milwaukee Libraries
Year: 2011
Skill required for using this code:
Intermediate

State

Stable, however not compatible with all versions of Voyager (see Known Issues).

XML, HTML, JavaScript, CSS

Server running Tomcat. JavaScript-enabled browser.

See Page Attachments below.

These links no longer show the script, it was deactivated for compatibility reasons.

Unzip the download files and place them in the following folders within /m1/voyager/xxxdb/tomcat/vwebv/context/vwebv/ui/skin

.gif and .png files --> images/
stacks.html --> htdocs/help
.js files --> jscripts
frameWork.xsl --> xsl\pageTools*
* If you have customized the frameWork.xsl file already, copy the code marked "Add Call Number Popup to Stacks Floor Key" to your existing file.

Required Customization

Edit stacks.html to reflect the call number division within your building's floors, tiers, levels, entresols, atriums, and so forth.
The following code within frameWork.xsl must match whatever normally shows as your general location (use a backslash to insert special characters):
Stacks (Floor Key: A-L,P 3rd \/ M-N,Q-R 2nd \/ S-Z Lower)
You can similarly change the "General Stacks" product.
Change all instances of "sandbox" to your skin name in frameWork.xsl and jquery.cluetip.css.

Optional Customization

Variables in frameWork.xsl can be altered to customize the appearance and behavior of the tooltip. See clueTip Plugin API / Options.
jquery.cluetip.css includes the tooltip styling should you wish to modify its presentation.
TO DO list

Text...

Other customizations and scripts, such as the new books Google images script, will break the tooltip's functionality.

Text...