// create a parameters array and pass it to the pz2's constructor
// then register the form submit event with the pz2.search function
// autoInit is set to true on default
-var usesessions = false;
+var usesessions = true;
var pazpar2path = '/pazpar2/search.pz2';
if (document.location.hash == '#nosessions') {
usesessions = false;
function my_onshow(data) {
totalRec = data.merged;
-
// move it out
var pager = document.getElementById("pager");
pager.innerHTML = "";
-
pager.innerHTML +='<hr/><div style="float: right">Displaying: '
+ data.start + ' to ' + (data.start + data.num) +
' of ' + data.merged + ' (found: '
+ data.total + ')</div>';
drawPager(pager);
-
// navi
var results = document.getElementById("results");
results.innerHTML = "";
for (var i = 0; i < data.hits.length; i++) {
var hit = data.hits[i];
- var html = '<div class="record" id="rec_' + hit.recid + '" onclick="showDetails(this.id)">'
- +'<span>' + (i + 1 + recPerPage * ( curPage - 1)) + '. </span>'
- +'<a href="#"><b>' + hit["md-title"] +
- ' </b></a>';
+ var html = '<div class="record" id="recdiv_'+hit.recid+'" >'
+ +'<span>'+ (i + 1 + recPerPage * (curPage - 1)) +'. </span>'
+ +'<a href="#" id="rec_'+hit.recid
+ +'" onclick="showDetails(this.id);return false;"><b>'
+ + hit["md-title"] +' </b></a>';
if (hit["md-title-remainder"] !== undefined) {
- html += '<span>' + hit["md-title-remainder"] + '</span>';
+ html += '<span>' + hit["md-title-remainder"] + ' </span>';
}
if (hit["md-title-responsibility"] !== undefined) {
- html += '<span><i>' + hit["md-title-responsibility"] + '</i></span>';
+ html += '<span><i>'+ hit["md-title-responsibility"] +'</i></span>';
}
html += '</div>';
results.innerHTML += html;
- if ( hit.recid == curDetRecId ) {
+ if (hit.recid == curDetRecId) {
drawCurDetails();
}
}
-
}
function my_onstat(data) {
var stat = document.getElementById("stat");
- stat.innerHTML = '<span> -STATUS INFO- : <span>Active clients: '+ data.activeclients
- + '/' + data.clients + ' | </span>'
+ stat.innerHTML = '<b> .:STATUS INFO</b> -- Active clients: '
+ + data.activeclients
+ + '/' + data.clients + ' -- </span>'
+ '<span>Retrieved records: ' + data.records
- + '/' + data.hits + '</span>';
+ + '/' + data.hits + ' :.</span>';
}
function my_onterm(data) {
for (var i = 0; i < data.xtargets.length; i++ ) {
termlist.innerHTML += '<a href="#" target_id='
+ data.xtargets[i].id
- + ' onclick="limitTarget(this.getAttribute(\'target_id\'), this.firstChild.nodeValue)">'
+ + ' onclick="limitTarget(this.getAttribute(\'target_id\'), this.firstChild.nodeValue);return false;">'
+ data.xtargets[i].name
+ ' </a><span> ('
+ data.xtargets[i].freq
termlist.innerHTML += '<div class="termtitle">.::Subjects</div>';
for (var i = 0; i < data.subject.length; i++ ) {
- termlist.innerHTML += '<a href="#" onclick="limitQuery(\'su\', this.firstChild.nodeValue)">'
+ termlist.innerHTML += '<a href="#" onclick="limitQuery(\'su\', this.firstChild.nodeValue);return false;">'
+ data.subject[i].name
+ '</a><span> ('
+ data.subject[i].freq
termlist.innerHTML += '<div class="termtitle">.::Authors</div>';
for (var i = 0; i < data.author.length; i++ ) {
- termlist.innerHTML += '<a href="#" onclick="limitQuery(\'au\', this.firstChild.nodeValue)">'
+ termlist.innerHTML += '<a href="#" onclick="limitQuery(\'au\', this.firstChild.nodeValue);return false;">'
+ data.author[i].name
+ ' </a><span> ('
+ data.author[i].freq
var detRecordDiv = document.getElementById('det_'+data.recid);
if ( detRecordDiv )
return;
-
curDetRecData = data;
drawCurDetails();
}
function my_onbytarget(data) {
var targetDiv = document.getElementById("bytarget");
- var table = '<thead><tr><td>Target ID</td><td>Hits</td><td>Diags</td>'
- +'<td>Records</td><td>State</td></tr></thead><tbody>';
+ var table ='<table><thead><tr><td>Target ID</td><td>Hits</td><td>Diags</td>'
+ +'<td>Records</td><td>State</td></tr></thead><tbody>';
for (var i = 0; i < data.length; i++ ) {
table += "<tr><td>" + data[i].id +
- "</td><td>" + data[i].hits +
- "</td><td>" + data[i].diagnostic +
- "</td><td>" + data[i].records +
- "</td><td>" + data[i].state + "</td></tr>";
+ "</td><td>" + data[i].hits +
+ "</td><td>" + data[i].diagnostic +
+ "</td><td>" + data[i].records +
+ "</td><td>" + data[i].state + "</td></tr>";
}
- table += '</tbody>';
+ table += '</tbody></table>';
targetDiv.innerHTML = table;
-
}
////////////////////////////////////////////////////////////////////////////////
{
var navi = document.getElementById('navi');
navi.innerHTML =
- 'Source: <a class="crossout" href="#" onclick="delimitTarget()">'
+ 'Source: <a class="crossout" href="#" onclick="delimitTarget();return false;">'
+ name + '</a>';
navi.innerHTML += '<hr/>';
curFilter = 'pz:id=' + id;
}
curDetRecId = recId;
-
// request the record
my_paz.record(recId);
}
function drawCurDetails ()
{
var data = curDetRecData;
- var recordDiv = document.getElementById('rec_'+data.recid);
+ var recordDiv = document.getElementById('recdiv_'+data.recid);
var details = "";
if (data["md-title"] != undefined)
details += '<tr><td><b>Ttle</b></td><td><b>:</b> '+data["md-title"] + '</td></tr>';
if (data["md-author"] != undefined)
details += '<tr><td><b>Author</b></td><td><b>:</b> ' + data["md-author"] + '</td></tr>';
if (data["md-electronic-url"] != undefined)
- details += '<tr><td><b>URL</b></td><td><b>:</b> <a href="' + data["md-electronic-url"] + '">' + data["md-electronic-url"] + '</a>' + '</td></tr>';
+ details += '<tr><td><b>URL</b></td><td><b>:</b> <a href="' + data["md-electronic-url"] + '" target="_blank">' + data["md-electronic-url"] + '</a>' + '</td></tr>';
if (data["location"][0]["md-subject"] != undefined)
details += '<tr><td><b>Subject</b></td><td><b>:</b> ' + data["location"][0]["md-subject"] + '</td></tr>';
if (data["location"][0]["@name"] != undefined)
<head>
<title>Pazpar2 demo client</title>
<link rel="stylesheet" href="styles.css"></link>
- <script type="text/javascript" src="http://bar.indexdata.dk/pazpar2/js/pz2.js"></script>
+ <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
<script type="text/javascript" src="example_client.js"></script>
</head>
<body onload="domReady();">
+
<div id="switchmenu">
<a href="#" onclick="switchView('recordview')">Record Browser</a>
<span> | </span>
<a href="#" onclick="switchView('targetview')">Target Info</a>
</div>
-
- <table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
- <tr>
- <td width="250" height="100" align="center"><b>Pazpar2</b></td>
- <td>
- <form id="searchForm" name="search">
- <input id="query" type="text" size="50"/>
- <input id="button" type="submit" value="Search"/>
- </form>
- </td>
- <td>
- <img src="id.gif" align="right" />
- </td>
- </tr>
- </table>
+
+ <div id="heading">
+ <table width="100%" border="0" cellpadding="6" cellspacing="0">
+ <tr>
+ <td width="250" height="100" align="center"><b>PAZPAR2</b></td>
+ <td>
+ <form id="searchForm" name="search">
+ <input id="query" type="text" size="50"/>
+ <input id="button" type="submit" value="Search"/>
+ </form>
+ </td>
+ <td>
+ <img src="id.gif" align="right" />
+ </td>
+ </tr>
+ </table>
+ </div>
<div id="recordview">
<table width="100%" border="0" cellpadding="6" cellspacing="0">
<div id="termlist"></div>
</td>
<td valign="top">
- <div id="sort">
- <form name="select">
- Sort by
- <select name="sort" id="sort">
- <option value="relevance" selected="selected">relevance</option>
- <option value="title:1">title</option>
- <option value="date:0">newest</option>
- <option value="date:1">oldest</option>
- </select>
- and show
- <select name="perpage" id="perpage">
- <option value="10" selected="selected">10</option>
- <option value="20">20</option>
- <option value="30">30</option>
- <option value="50">50</option>
- </select>
- per page.
- </form>
+ <div id="sort">
+ <form name="select">
+ Sort by
+ <select name="sort" id="sort">
+ <option value="relevance" selected="selected">relevance</option>
+ <option value="title:1">title</option>
+ <option value="date:0">newest</option>
+ <option value="date:1">oldest</option>
+ </select>
+ and show
+ <select name="perpage" id="perpage">
+ <option value="10">10</option>
+ <option value="20" selected="selected">20</option>
+ <option value="30">30</option>
+ <option value="50">50</option>
+ </select>
+ per page.
+ </form>
</div>
<div id="pager"></div>
<div id="navi"></div>
</td>
</tr>
</table>
- <hr/>
</div>
<div id="targetview" style="display: none">
- <table id="bytarget">
- <thead><tr><td>No information available yet.</td></tr></thead>
- </table>
- <hr/>
+ <div id="bytarget">
+ No information available yet.
+ </div>
</div>
-
- <br/>
- <br/>
- <div id="stat"></div>
+ <div id="footer">
+ <div id="stat"></div>
+ <span>Copyright © 1999-2008 by IndexData</span>
+ </div>
</body>
</html>