Setting up OPAC on your own web site

You can add OPAC to your own web site by calling the Papyrus OPAC API. This provides some sample code for your web site. There are two aspects. The Javascript to call the OPAC API and the styles you can apply to the various parts.

You can try the Papyrus Sample Library using the following link

OPAC API Search

OPAC Web Service

The url is papyruscloud.org/api/papyrusopac.asmx

OPAC Web Service Parameters

The Pararmeters are

• databaseid
• APIsecret
• searchTerm
• marc
• locn

MARC is UniMARC codes. Common ones are: 200 for title, 210 for Publisher, 225 for Series, 300 for notes, 600 for subjects and 700 for authors

The databaseid can be found on your Global Parameters page

Request your APISecret from Papyrus Support

Make sure the following javascript is included

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> function doSearch(searchterm, marc) { $.ajax({ type: "POST", url: "https://papyruscloud.org/api/PapyrusOPAC.asmx", data: `<?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:soap = "http://schemas.xmlsoap.org/soap/envelope/" > <soap:Body> <OPACHTML5 xmlns="http://tempuri.org/"> <databaseid>${databaseid}</databaseid> <APISecret>${APISecret}</APISecret> <searchTerm>${searchterm}</searchTerm> <marc>${marc}</marc> <locn></locn> </OPACHTML5> </soap:Body> </soap:Envelope>`, contentType: "text/xml; charset=utf-8", dataType: "xml", beforeSend: function (xhr) { xhr.setRequestHeader("SOAPAction", "http://tempuri.org/OPACHTML5"); // Adjust SOAPAction if needed }, success: function (response) { let resultNode = response.getElementsByTagName("OPACHTML5Result")[0]; if (resultNode) { let result = resultNode.textContent || resultNode.innerText; document.getElementById("output").innerHTML = result; // Render raw HTML } else { document.getElementById("output").innerText = "<b>No Response</b>"; } }, error: function (xhr, status, error) { document.getElementById("output").innerText = "Error: " + xhr.responseText; } }); } </script>

Include the databaseid and APIsecret variables

<script> const databaseid = '04bd7cff-2d10-4df6-b33b-2c72f295d335'; const APISecret = '4C419FA8-DC45-4BE8-A319-50681A368110'; </script>

Design a simple HTML layout for your search

Include a input element, a button for a search type and an id="output" div for the results

<input id="searchterm" title="Harry Potter" type="text" value="Harry Potter" /> <button type="button" onclick="searchTitles()">Titles</button> <button type="button" onclick="searchSubjects()">Subjects</button> <div id="output">...</div>

Calling the Web Service

Create functions to all the web service

<script> function searchTitles() { document.getElementById("output").innerText = 'Searching...'; let searchTerm = document.getElementById("searchterm").value; doSearch(searchTerm, '200'); } function searchSubjects() { document.getElementById("output").innerText = 'Searching...'; let searchTerm = document.getElementById("searchterm").value; doSearch(searchTerm, '600'); } function searchAuthors() { document.getElementById("output").innerText = 'Searching...'; let searchTerm = document.getElementById("searchterm").value; doSearch(searchTerm, '700'); } </script>

Add Styles to your OPAC Page

<style> .bookcoverstyle { width: 150px; } .brnstyle { width: auto; font-family: sans-serif; } .stockstyle { font-family: sans-serif; font-size: smaller; font-weight: normal; color: darkgray; padding: 0px 0px 10px 10px; } .bookstyle { box-shadow: 2px 2px 2px 2px lightgray; padding: 5px 5px 5px 5px; } .titlestyle { font-size: medium; font-weight: bold; color: slategray; padding: 0px 0px 10px 0px; } .ISBNstyle { font-size: small; font-weight: normal; color: gray; padding: 0px 0px 0px 20px; } .publisherstyle { font-size: medium; font-weight: lighter; padding: 0px 0px 0px 20px; } .shelfstyle { font-size: smaller; font-weight: normal; font-style: italic; } .subjectstyle { font-size: smaller; font-weight: normal; color: darkslategrey; padding: 0px 0px 0px 20px; } .notesstyle { font-size: small; font-style: italic; color: gray; padding: 10px 0px 0px 0px; } .noresultstyle { font-family: sans-serif; color: darkred; border-block: 1px solid gray; } </style>

Try it!

Papyrus Sample Library

Titles Authors Subjects