Customizing Encore 4.2 with JavaScript

Andrew PreaterSenate House LibrariesUniversity of London

http://bit.ly/uol175

Your JavaScript in Encore 4.2

Examples

What I’ll talk about

1. Persistent link

2. Social bookmarking buttons

3. QR codes

4. Tweaking Amazon jackets

5. Store requests

6. LibraryThing for Libraries

Examples

Beta testing from January 2012

Live in March 2012

Encore 4.2

div#footerArea

Your scripts

div#customTop

div#customBottom

div#customSidebar

Examples

Persistent link

Simple example

1. Get bib number from document.URL

http://encore.ulrls.lon.ac.uk/iii/encore/record/C__Rb1000880__SJos%C3%A9%20Saramago__Ff%3Afacetlocations%3Aull%3Aull%3ASENATE%20HOUSE%20LIBRARY%3A%3A__Ff%3Afacetlanguages%3Aeng%3Aeng%3AEnglish%3A%3A__Ff%3Afacetfields%3Aauthor%3Aauthor%3AAuthor%3A%3A__Ff%3Afacetavailability%3Atrue%3Atrue%3AAt%20the%20library%3A%3A__P0%2C11__Orightresult__X4?lang=eng&suite=cobalt

3. Write the innerHTML of the div

2. Create a div using document.createElement

Include the persistent URL:

http://encore.ulrls.lon.ac.uk/iii/encore/record/C__R + bib number

4. Attach it to the customBottom div using appendChild

Social bookmarking links

Social bookmarking links

QR codes

QR codes

http://encore.ulrls.lon.ac.uk/iii/mobile/record/C__Rb1000880?lang=eng&utm_source=encore&utm_medium=qr&utm_campaign=mobile

bit.ly/L6YtmR

QR codes

Tweaking Amazon book jackets

Amazon jackets

Amazon jackets

Get your ISBN here:var key = "ISBN:9781844678785"

1. If length is 13, convert it to an ISBN-10

2. Rewrite jacket img src and href

Amazon jackets

Requesting journals from store

Store requests

Done in WebBridge in classic catalogue

No WebBridge bib resource table in Encore

Not an acceptable alternative

div#toggleAnyComponent

LibraryThing for Librarieswww.librarything.com/forlibraries

1. Append an element with LTfL divs in it.

2. Source LTfL JS after

LibraryThing

Similar items

Reviews

Tag browser

Bib record display only

Limit is what you can do with JavaScript

Limitations

Please steal and improve my JavaScript:http://bit.ly/encore42js

Encore wikihttp://csdirect.iii.com/lswiki/Encore/

Thank you

Me: @preater

andrew.preater@london.ac.uk

www.preater.com