Skip to Main Content

LIBRARY STAFF: Follett Destiny Suite

Destiny Discover

To create a search widget via Destiny Discover:

  1. Log in to Destiny/Discover as an administrator.
  2. Select the hamburger menu (on top left) and select Widgets from the drop down menu.
  3. There are four different size widgets, offered in a few different colors. Choose your preferred widget.
  4. Click the blue Customize and Get Code button next to your preferred widget.
  5. Select the Material Type you would like searched.
  6. Paste the resulting code into your website editor. 

Examples:

Destiny Classic

To create this widget, you need 2 pieces of information:

  • your site domain (ex. destiny.gateschili.org)
  • your 3-digit site ID number (hover your cursor over the bookmark icon next to your school's name on the district Destiny page. You'll see a 3-digit side ID number at the end of the URL) It is usually '100' for WA schools.

Replace the red text below with the information about your site. Then copy and paste this block of code into your website editor. 

You can also change the color of the widget. Find the 066 in red below--that's the background color for the red bar. fff is the code for the text color. These can be changed to any hex color number to match your website. 

HTML code:

<center>
<div style="min-width:600px;max-width:600px;"><script type="text/javascript">
var catalog_host_name = 'domain';
var site_id = siteIDnumber;
 
function search(ty) {
window.open("http://" + catalog_host_name + "/cataloging/servlet/handlebasicsearchform.do?searchType=" + ty + "&redisplay=false&includeLibrary=true&siteTypeID=-2&keywordText=" + document.getElementById('findTerms').value + "&site=" + site_id + "&redisplay=false", "_self", "searchWindow", "width=800,height=800,scrollbars=yes");
}
 
function advancedSearch() {
window.open("http://" + catalog_host_name + "/common/welcome.jsp?site=" + site_id, "advancedSearchWindow", "width=800,height=800,scrollbars=yes");
}
 
 function enterKeySearch(e, input) {
var code = (e.keyCode ? e.keyCode : e.which);
              if(code == 13) {
                             search('keyword'); //can be changed to decide the default search when enter is pressed.
                             }
              }
 
</script>
<table style="width: 100%; border: 1px solid #066;padding: 2px; border-spacing:0px;border-collapse:collapse;">
<tbody>
<tr>
<td colspan="5" style="font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 16px; font-weight: normal; text-align:center;background-color:#066;color:#fff;height:20px;border-color:#066; padding:8px; "><b>Search Our Destiny Catalog</b></td>
</tr>
<tr>
<td colspan="5" style="font-family: verdana; font-size: 16px; font-weight: bold; text-align:center; padding: 10px; border-spacing: 8px;"><b style="color:#066">Find</b> <input id="findTerms" onkeypress="enterKeySearch(event, this)" style="width: 350px;" type="text" /></td>
</tr>
<tr align="center">
<td style="padding: 10px; border-spacing: 8px;"><img alt="Search Keywords" class="searchButton" id="keyword" onclick="search('keyword');" src="http://domain/images/en/buttons/large/keyword.gif" title="Search Keywords" /></td>
<td style="padding: 10px; border-spacing: 8px;"><img alt="Search Titles" class="searchButton" id="title" onclick="search('title');" src="http://domain/images/en/buttons/large/title.gif" title="Search Titles" /></td>
<td style="padding: 10px; border-spacing: 8px;"><img alt="Search Authors" class="searchButton" id="author" onclick="search('author');" src="http://domain/images/en/buttons/large/author.gif" title="Search Authors" /></td>
<td style="padding: 10px; border-spacing: 8px;"><img alt="Search Subjects" class="searchButton" id="subject" onclick="search('subject');" src="http://domain/images/en/buttons/large/subject.gif" title="Search Subjects" /></td>
<td style="padding: 10px; border-spacing: 8px;"><img alt="Search Series" class="searchButton" id="series" onclick="search('series');" src="http://domain/images/en/buttons/large/series.gif" title="Search Series" /></td>
</tr>
<tr>
<td colspan="5" style="font-family: verdana;text-align:center; padding: 10px; border-spacing: 8px;"><a class="advancedSearch" href="javascript: void(0);" onclick="window.open('','_new').location.href='yourDestinyURL'">Or go to Destiny...</a></td>
</tr>
</tbody>
</table>
 
<p style="text-align: center;">&nbsp;</p>
</div>
</center>