Hyperlinked Breadcrumbs for WebVoyage 7 (Tomcat)

A method for creating hyperlinked breadcrumbs in WebVoyage 7 (Tomcat)

  1. In /m1/voyager/{xxxdb}/tomcat/vwebv/context/vwebv/ui/{skin}/webvoyage.properties, add your breadcrumbs by making the following changes (search for .heading=)
    page.search.basic.heading=Home > Libraries > Find Books > Search
    page.search.advanced.heading=Home > Libraries > Find Books > Advanced Search
    page.search.subject.heading=Home > Libraries > Find Books > Browse Subjects
    page.search.author.heading=Home > Libraries > Find Books > Browse Authors
    page.search.courseReserve.data.page.heading=Home > Libraries > Find Books > Course Reserves
    page.search.courseReserve.alpha.page.heading=Home > Libraries > Find Books > Browse Course Reserve
    page.search.courseReserve.instructor.page.heading=Home > Libraries > Find Books > Course Reserve Instructor Page
    page.search.courseReserve.department.page.heading=Home > Libraries > Find Books > Course Reserve Department Page
    page.search.courseReserve.course.page.heading=Home > Libraries > Find Books > Course Reserve Course Page
    holdingsInfo.page.heading=Home > Libraries > Holdings Information
    page.searchResults.callNumbers.page.heading=Home > Libraries > Call Number
    page.searchResults.titles.page.heading=Home > Libraries > Find Books > Titles
    page.searchStatus.page.heading=Home > Libraries > Find Books > Search Status
    page.exportDialog.page.heading=Home > Libraries > Find Books > Export Results
    page.printDialog.page.heading=Home > Libraries > Find Books > Print Titles
    page.printResults.page.heading=Home > Libraries > Find Books > Printable View
    page.searchHistory.page.heading=Home > Libraries > Find Books > Search History
    page.searchResults.headings.page.heading=Home > Libraries > Find Books > Subjects
    headings.authors=Home > Libraries > Find Books > Authors
    headings.subjects=Home > Libraries > Find Books > Subjects
    page.searchResults.titles.page.heading=Home > Libraries > Find Books > Titles
    page.searchStatus.page.heading=Home > Libraries > Find Books > Search Status
    page.exportDialog.page.heading=Home > Libraries > Find Books > Export Results
    page.printDialog.page.heading=Home > Libraries > Find Books > Print Titles
    page.printResults.page.heading=Home > Libraries > Find Books > Printable View
    page.searchHistory.page.heading=Home > Libraries > Find Books > Search History
    page.searchMySearches.page.heading=Home > Libraries > Find Books > My Searches
    page.selectDatabase.heading=Home > Libraries > Find Books > Select Database
    page.myAccount.myAccount.heading=Home > Libraries > Find Books > My Account
    page.myAccount.editPreferences.heading=Home > Libraries > Find Books > Edit Preferences
    page.myAccount.viewPersonalInfo.heading=Home > Libraries > Find Books > Personal Information
    page.myAccount.changePin.heading=Home > Libraries > Find Books > Change PIN
    page.myList.page.heading=Home > Libraries > Find Books > My List
    page.patronRequests.heading=Home > Libraries > Find Books > Patron Requests
    page.mediaBookingConf.heading=Home > Libraries > Find Books > Media Booking Confirmation
    page.searchResults.emailResults.page.heading=Home > Libraries > Find Books > E-mail
    page.searchResults.emailComplete.page.heading=Home > Libraries > Find Books > E-Mail Sent
    page.myList.page.heading=Home > Libraries > Find Books > My List

  2. In /m1/voyager/{xxxdb}/tomcat/vwebv/context/vwebv/ui/{skin}/jscripts/pageInputFocus.js, add the createBreadCrumbs function.
    You can also add this function to your own JavaScript file as long as it is loaded by all of the pages listed above.
    function createBreadCrumbs() {
       var oPath = new String(window.location.pathname);
       if(oPath.indexOf("vwebv/search") > 0 || 
          oPath.indexOf("vwebv/enterCourse") > 0 || 
          oPath.indexOf("vwebv/my") > 0 || 
          oPath.indexOf("vwebv/holdings") > 0 || 
          oPath.indexOf("vwebv/titlesUpd") > 0) { // search pages only
    
          if(document.getElementById && document.getElementById("pageHeadingTitle")) {
             var sPageHeadingTitle = document.getElementById("pageHeadingTitle").innerHTML;
             var oString = new String(sPageHeadingTitle);
    
             var sFindHome = "Home";
             var sNewHome = "<a href='http://www.tccd.edu'>Home</a>";
             oString = oString.replace(sFindHome,sNewHome);
    
             var sFindLibrary = "Libraries";
             var sNewLibrary = "<a href='http://library.tccd.edu'>Libraries</a>";
             oString = oString.replace(sFindLibrary,sNewLibrary);
    
             var sFindCatalog = "Find Books";
             var sNewCatalog  = "<a href='http://library.tccd.edu/vwebv/searchBasic'>Find Books</a>";
             oString = oString.replace(sFindCatalog,sNewCatalog);
    
             document.getElementById("pageHeadingTitle").innerHTML = oString.valueOf();
          }
       } else if(oPath.indexOf("vwebv/newBooks") > 0) { // search pages only
          if(document.getElementById && document.getElementById("pageHeadingTitle")) {
             var sPageHeadingTitle = document.getElementById("pageHeadingTitle").innerHTML;
             var oString = new String(sPageHeadingTitle);
    
             var sFindHome = "Tarrant County College Libraries New Titles Search";
             var sNewHome = "<a href='http://www.tccd.edu'>Home</a> > <a href='http://library.tccd.edu'>Libraries</a> > <a href='http://library.tccd.edu/vwebv/searchBasic'>Find Books</a> > New Titles";
             oString = oString.replace(sFindHome,sNewHome);
    
             document.getElementById("pageHeadingTitle").innerHTML = oString.valueOf();
          }
       }
    }
    
  3. In /m1/voyager/{xxxdb}/tomcat/vwebv/context/vwebv/ui/{skin}/xsl/pageTools/frameWork.xsl, change the body element's onLoad event to call the createBreadCrumbs() function.
    <body class="frameWorkUI" onLoad="setFocus('{/page:page/@nameId}'){$highlightNodes};timedMsg({$timeout}, {$grace}, '{$timeoutMessage}'); createBreadCrumbs();">
  4. Customize the createBreadCrumbs() function call to suit your needs!
Download TCC's pageInputFocus.js script.