3 <title>mikers experimental opensearch portal</title>
7 font-family: verdana,arial,helvetica,sans-serif;
14 text-decoration: none;
22 border: solid black 1px;
26 border: solid lightblue 1px;
27 background-color: lightblue;
32 text-decoration: none;
37 text-decoration: underline;
42 text-decoration: underline;
47 text-decoration: none;
64 border-collapse: collapse;
65 border: solid gray 1px;
69 border-collapse: collapse;
73 max-width: 300px !important;
74 min-width: 200px !important;
78 max-width: 100% !important;
82 max-width: 100% !important;
83 min-width: 400px !important;
87 border-bottom: 1px dashed darkgrey;
100 function create_requestor () {
103 req = new ActiveXObject("Msxml2.XMLHTTP");
107 req = new ActiveXObject("Microsoft.XMLHTTP");
114 if (!req && typeof XMLHttpRequest!='undefined') {
115 req = new XMLHttpRequest();
119 alert("NEEDS NEWER JAVASCRIPT for XMLHTTPRequest()");
126 var proxy = 'http://gapines.org/opensearch/?fetch=';
129 var search_templates = [];
130 var search_urls = {};
133 var current_startPage = 1;
134 var current_startIndex = 1;
135 var current_count = 5;
137 function opensearch ( term, reset ) {
140 current_startPage = 1;
144 document.getElementById('next_button').className = 'hide';
146 if (current_startPage == 1)
147 document.getElementById('prev_button').className = 'hide';
149 document.getElementById('prev_button').className = '';
151 var tot = document.getElementById('total');
152 while (tot.lastChild)
153 tot.removeChild(tot.lastChild);
155 var src = document.getElementById('result_sources');
156 while (src.lastChild)
157 src.removeChild(src.lastChild);
159 document.getElementById('int_res_hide').className = 'noshow';
160 document.getElementById('col_res_hide').className = 'noshow';
162 var tab = document.getElementById('int_res');
163 while (tab.lastChild)
164 tab.removeChild(tab.lastChild);
166 tab = document.getElementById('col_res');
167 while (tab.lastChild)
168 tab.removeChild(tab.lastChild);
172 var sources = new Array();
173 var selector = document.getElementsByName('source');
174 for (var i = 0; i < selector.length; i++) {
175 if (selector[i].checked) {
176 sources.push(selector[i].value);
180 search_templates = [];
181 for (var i in sources) {
182 create_search( sources[i] );
185 current_startIndex = (current_count * (current_startPage - 1)) + 1;
188 for (var i in search_templates) {
189 if (!search_templates[i])
195 var url = search_templates[i].replace(/\{searchTerms\}/,encodeURIComponent(term));
196 url = url.replace(/\{startPage\}/,current_startPage);
197 url = url.replace(/\{startIndex\}/,current_startIndex);
198 url = url.replace(/\{count\}/,current_count);
199 url = url.replace(/\{relevanceScale}/,rel_scales[i]);
200 search_urls[i] = proxy + encodeURIComponent(url);
202 src.innerHTML += '<a href="' + url + '">' + url + '</a><br>';
205 for (var i in search_urls) {
206 if (!search_templates[i])
212 document.getElementById('page_label').innerHTML = current_startPage;
215 function perform_search ( source ) {
216 var req = create_requestor();
218 req.onreadystatechange = function () {
219 if (req.readyState != 4)
222 var xml = req.responseXML;
224 var desc = getElementTextNS('','description',xml,0);
225 var xml_link = getElementTextNS('','link',xml,0);
227 var total = getElementFloatNS('openSearch','totalResults',xml,0);
228 var integratible = (getElementNS('openIll','relevance',xml,0) != null);
229 var scale = getElementFloatNS('openIll','relevanceScale',xml,0);
231 rel_scales[source] = scale;
233 var current_tot = getElementFloatNS('','span',document.getElementById('total').parentNode,0);
234 var tot = document.getElementById('total');
235 var res_type = document.getElementById('res_type');
237 if (res_type.options[res_type.selectedIndex].value == 'col')
243 if (total > (current_startPage * current_count))
244 document.getElementById('next_button').className = '';
247 tot.innerHTML = current_tot;
249 var list = xml.getElementsByTagName('item');
250 for (var i = 0; i < list.length; i++) {
252 if ( typeof list[i] != 'object')
257 tab = document.getElementById('col_res');
258 document.getElementById('col_res_hide').className = '';
259 var col = document.getElementById(source);
261 var row = tab.rows[0];
263 row = tab.insertRow(0);
265 col = document.createElement('td');
266 col.setAttribute('id',source);
267 row.appendChild(col);
269 tab = document.createElement('table');
270 tab.setAttribute('valign','top');
271 tab.setAttribute('class','col_tab');
273 var cap = document.createElement('caption');
274 tab.appendChild(cap);
275 cap.innerHTML = desc + ' -- <a href="' + xml_link + '">XML</a>';
277 col.appendChild(tab);
279 var per = parseInt(100 / (search_urls.length * 2)) - 1;
280 col.setAttribute('valign','top');
281 col.setAttribute('width', + per + '%');
284 tab = col.firstChild;
287 tab = document.getElementById('int_res');
288 document.getElementById('int_res_hide').className = '';
291 if (!tab.rows.length) {
292 add_result_row(tab, 0, list[i], source);
294 for (var j = 0; j < tab.rows.length; j++) {
295 if ( typeof tab.rows[j] != 'object')
300 rank = getElementFloatNS('openIll','relevance',list[i],0);
302 alert("error getting float relevance: " + e);
306 if ( rank < parseFloat(tab.rows[j].firstChild.firstChild.textContent) ) {
307 if ( (j + 1) == tab.rows.length) {
308 add_result_row(tab, tab.rows.length, list[i], source);
313 add_result_row(tab, j, list[i], source);
320 req.open('GET', proxy + encodeURIComponent(search_urls[source]), true);
325 // retrieve float of an XML document element, including
326 // elements using namespaces
327 function getElementFloatNS(prefix, local, parentElem, index) {
328 var result = getElementNS(prefix, local, parentElem, index);
330 // get text, accounting for possible
331 // whitespace (carriage return) text nodes
332 if (result.childNodes.length > 1) {
333 return parseFloat(result.childNodes[1].nodeValue);
335 return parseFloat(result.textContent);
342 function getElementNS(prefix, local, parentElem, index) {
344 if (prefix && isIE) {
345 // IE/Windows way of handling namespaces
346 return parentElem.getElementsByTagName(prefix + ":" + local)[index];
348 // the namespace versions of this method
349 // (getElementsByTagNameNS()) operate
350 // differently in Safari and Mozilla, but both
351 // return value with just local name, provided
352 // there aren't conflicts with non-namespace element
354 return parentElem.getElementsByTagName(local)[index];
358 // retrieve text of an XML document element, including
359 // elements using namespaces
360 function getElementTextNS(prefix, local, parentElem, index) {
361 var result = getElementNS(prefix, local, parentElem, index);
363 // get text, accounting for possible
364 // whitespace (carriage return) text nodes
365 if (result.childNodes.length > 1) {
366 return result.childNodes[1].nodeValue;
368 return result.firstChild.nodeValue;
375 function add_result_row (tab, index, xml, source) {
376 var img = images[source];
377 var rank,title,tlink,desc;
380 rank = getElementFloatNS('openIll','relevance',xml,0);
382 alert("error getting relevance: " + e);
387 title = getElementTextNS('','title',xml,0);
393 tlink = getElementTextNS('','link',xml,0);
399 description = getElementTextNS('','description',xml,0);
400 if (description.length > 1024)
401 description = description.substring(1,1024);
406 var row = tab.insertRow(index);
407 row.className = 'res_tr';
408 row.innerHTML = '<td style="padding: 4px"><div style="display: none; visibility: hidden;">' + rank +
409 '</div><span class="title_link"><a href="' + tlink + '">' + title +
410 '</a></span><br/><span class="desc_text">' + description + '</span></td>' +
411 '<td><img title="' + parseInt(rank) + '% Relevant" width="32" height="32" src="' + img + '"></td>';
414 function create_search ( s ) {
415 var req = create_requestor();
417 req.open('GET',proxy + encodeURIComponent(s),false);
421 var xml = req.responseXML;
422 search_templates[s] = xml.getElementsByTagName('Url')[0].textContent;
423 var i = xml.getElementsByTagName('Image');
425 images[s] = i[0].textContent;
427 alert('BAD XML!\n\n' + e + '\n\n' + req.responseText);
428 search_templates[s] = null;
439 <table style="border-collapse: collapse; margin: 5px;" width="100%">
440 <tr style="border-bottom: dotted black 1px;" valign="top">
441 <td align="right">Keyword Search: </td>
443 <input type="text" id="term" value="javascript"/>
444 <input type="submit" value="Go!" onclick="opensearch(document.getElementById('term').value, true); return false;"/>
446 <td align="left">Hits per Source for each page:
447 <select onchange="current_count=this.options[this.selectedIndex].value;">
448 <option value="5" selected>5</option>
449 <option value="10">10</option>
450 <option value="25">25</option>
453 <td align="left">Display style:
454 <select id="res_type">
455 <option value="int" selected>Merged Results</option>
456 <option value="col">Seperate Columns</option>
460 <tr style="border-bottom: dotted black 1px;" valign="top">
461 <td align="right">Sources: </td>
463 <table width="100%" style="border-collapse: collapse;">
466 <label class="source_input">
470 value="http://gapines.org/opensearch.xml"
475 <label class="source_input">
479 value="http://rsinger.library.gatech.edu/opensearch/osdd-gil.xml"
480 checked>GIL Universal Catalog
484 <label class="source_input">
488 value="http://search.athenscounty.lib.oh.us/cgi-bin/koha/opensearchdescription">NPL/Koha
492 <label class="source_input">
496 value="http://www.koders.com/search/KodersSourceCodeSearchDescription.xml">Koders Source Code
503 <label class="source_input">
507 value="http://cnx.rice.edu/content/opensearchdescription">rice.edu Connexions
511 <label class="source_input">
515 value="http://redlightgreen.com/ucwprod/web/opensearchDescription.xml">RedLightGreen
519 <label class="source_input">
523 value="http://www.itpapers.com/itpaperssearchdescription.xml">ITPapers
526 <!-- <input name="source" type="checkbox" value="http://www.webdevref.com/blog/opensearchdescription.xml">WebDefRef -->
532 <td>Total results: </td>
533 <td colspan=2 id="total"></td>
536 <td>Current page: </td>
537 <td id="page_label"></td>
543 if (this.className != 'hide') {
544 current_startPage -= 1;
545 opensearch(document.getElementById('term').value);
547 return false;">Previous Page
553 if (this.className != 'hide') {
554 current_startPage += 1;
555 opensearch(document.getElementById('term').value);
557 return false;">Next Page
566 <table id="results" width="100%">
568 <td id="int_res_hide" class="noshow" width="100%">
570 <caption class="header">Merged search results</caption>
573 <table id='int_res' class="res_table" width="100%"></table>
578 <td id='col_res_hide' class="noshow">
580 <caption class="header">Unranked search results</caption>
583 <table id='col_res' class="res_table"></table>
590 <div id="result_sources"></div>