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');
239 if (total > (current_startPage * current_count))
240 document.getElementById('next_button').className = '';
243 tot.innerHTML = current_tot;
245 var list = xml.getElementsByTagName('item');
246 for (var i = 0; i < list.length; i++) {
248 if ( typeof list[i] != 'object')
253 tab = document.getElementById('col_res');
254 document.getElementById('col_res_hide').className = '';
255 var col = document.getElementById(source);
257 var row = tab.rows[0];
259 row = tab.insertRow(0);
261 col = document.createElement('td');
262 col.setAttribute('id',source);
263 row.appendChild(col);
265 tab = document.createElement('table');
266 tab.setAttribute('valign','top');
267 tab.setAttribute('class','col_tab');
269 var cap = document.createElement('caption');
270 tab.appendChild(cap);
271 cap.innerHTML = desc + ' -- <a href="' + xml_link + '">XML</a>';
273 col.appendChild(tab);
275 var per = parseInt(100 / (search_urls.length * 2)) - 1;
276 col.setAttribute('valign','top');
277 col.setAttribute('width', + per + '%');
280 tab = col.firstChild;
283 tab = document.getElementById('int_res');
284 document.getElementById('int_res_hide').className = '';
287 if (!tab.rows.length) {
288 add_result_row(tab, 0, list[i], source);
290 for (var j = 0; j < tab.rows.length; j++) {
291 if ( typeof tab.rows[j] != 'object')
296 rank = getElementFloatNS('openIll','relevance',list[i],0);
298 alert("error getting float relevance: " + e);
302 if ( rank < parseFloat(tab.rows[j].firstChild.firstChild.textContent) ) {
303 if ( (j + 1) == tab.rows.length) {
304 add_result_row(tab, tab.rows.length, list[i], source);
309 add_result_row(tab, j, list[i], source);
316 req.open('GET', proxy + encodeURIComponent(search_urls[source]), true);
321 // retrieve float of an XML document element, including
322 // elements using namespaces
323 function getElementFloatNS(prefix, local, parentElem, index) {
324 var result = getElementNS(prefix, local, parentElem, index);
326 // get text, accounting for possible
327 // whitespace (carriage return) text nodes
328 if (result.childNodes.length > 1) {
329 return parseFloat(result.childNodes[1].nodeValue);
331 return parseFloat(result.textContent);
338 function getElementNS(prefix, local, parentElem, index) {
340 if (prefix && isIE) {
341 // IE/Windows way of handling namespaces
342 return parentElem.getElementsByTagName(prefix + ":" + local)[index];
344 // the namespace versions of this method
345 // (getElementsByTagNameNS()) operate
346 // differently in Safari and Mozilla, but both
347 // return value with just local name, provided
348 // there aren't conflicts with non-namespace element
350 return parentElem.getElementsByTagName(local)[index];
354 // retrieve text of an XML document element, including
355 // elements using namespaces
356 function getElementTextNS(prefix, local, parentElem, index) {
357 var result = getElementNS(prefix, local, parentElem, index);
359 // get text, accounting for possible
360 // whitespace (carriage return) text nodes
361 if (result.childNodes.length > 1) {
362 return result.childNodes[1].nodeValue;
364 return result.firstChild.nodeValue;
371 function add_result_row (tab, index, xml, source) {
372 var img = images[source];
373 var rank,title,tlink,desc;
376 rank = getElementFloatNS('openIll','relevance',xml,0);
378 alert("error getting relevance: " + e);
383 title = getElementTextNS('','title',xml,0);
389 tlink = getElementTextNS('','link',xml,0);
395 description = getElementTextNS('','description',xml,0);
396 if (description.length > 1024)
397 description = description.substring(1,1024);
402 var row = tab.insertRow(index);
403 row.className = 'res_tr';
404 row.innerHTML = '<td style="padding: 4px"><div style="display: none; visibility: hidden;">' + rank +
405 '</div><span class="title_link"><a href="' + tlink + '">' + title +
406 '</a></span><br/><span class="desc_text">' + description + '</span></td>' +
407 '<td><img title="' + parseInt(rank) + '% Relevant" width="32" height="32" src="' + img + '"></td>';
410 function create_search ( s ) {
411 var req = create_requestor();
413 req.open('GET',proxy + encodeURIComponent(s),false);
417 var xml = req.responseXML;
418 search_templates[s] = xml.getElementsByTagName('Url')[0].textContent;
419 var i = xml.getElementsByTagName('Image');
421 images[s] = i[0].textContent;
423 alert('BAD XML!\n\n' + e + '\n\n' + req.responseText);
424 search_templates[s] = null;
435 <table style="border-collapse: collapse; margin: 5px;" width="100%">
436 <tr style="border-bottom: dotted black 1px;" valign="top">
437 <td align="right">Keyword Search: </td>
439 <input type="text" id="term" value="javascript"/>
440 <input type="submit" value="Go!" onclick="opensearch(document.getElementById('term').value, true); return false;"/>
442 <td align="left">Hits per Source for each page:
443 <select onchange="current_count=this.options[this.selectedIndex].value;">
444 <option value="5" selected>5</option>
445 <option value="10">10</option>
446 <option value="25">25</option>
450 <tr style="border-bottom: dotted black 1px;" valign="top">
451 <td align="right">Sources: </td>
453 <table width="100%" style="border-collapse: collapse;">
456 <label class="source_input">
460 value="http://gapines.org/opensearch.xml"
465 <label class="source_input">
469 value="http://rsinger.library.gatech.edu/opensearch/osdd-gil.xml"
470 checked>GIL Universal Catalog
474 <label class="source_input">
478 value="http://search.athenscounty.lib.oh.us/cgi-bin/koha/opensearchdescription">NPL/Koha
482 <label class="source_input">
486 value="http://www.koders.com/search/KodersSourceCodeSearchDescription.xml">Koders Source Code
493 <label class="source_input">
497 value="http://cnx.rice.edu/content/opensearchdescription">rice.edu Connexions
501 <label class="source_input">
505 value="http://redlightgreen.com/ucwprod/web/opensearchDescription.xml">RedLightGreen
509 <label class="source_input">
513 value="http://www.itpapers.com/itpaperssearchdescription.xml">ITPapers
516 <!-- <input name="source" type="checkbox" value="http://www.webdevref.com/blog/opensearchdescription.xml">WebDefRef -->
522 <td>Total results: </td>
523 <td colspan=2 id="total"></td>
526 <td>Current page: </td>
527 <td id="page_label"></td>
533 if (this.className != 'hide') {
534 current_startPage -= 1;
535 opensearch(document.getElementById('term').value);
537 return false;">Previous Page
543 if (this.className != 'hide') {
544 current_startPage += 1;
545 opensearch(document.getElementById('term').value);
547 return false;">Next Page
556 <table id="results" width="100%">
558 <td id="int_res_hide" class="noshow" width="100%">
560 <caption class="header">Merged search results</caption>
563 <table id='int_res' class="res_table" width="100%"></table>
568 <td id='col_res_hide' class="noshow">
570 <caption class="header">Unranked search results</caption>
573 <table id='col_res' class="res_table"></table>
580 <div id="result_sources"></div>