Mercurial > hg > fulltextSearchFrontEnd
comparison WebContent/found_old.html @ 0:d075d7f70506
CLOSED - # 16: Zeige nur eine konfigurierbare Anzahl von Treffern an.
https://it-dev.mpiwg-berlin.mpg.de/tracs/pythonOcropusTools/ticket/16
author | dwinter |
---|---|
date | Wed, 03 Nov 2010 12:25:18 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:d075d7f70506 |
---|---|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 <html> | |
3 <head> | |
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 <link rel="stylesheet" type="text/css" href="./main.css" /> | |
6 <title>Insert title here</title> | |
7 | |
8 <script type="text/javascript" src="./jquery-1.4.2.js"></script> | |
9 <script type="text/javascript" src="./jquery.getUrlParam.js"></script> | |
10 <script type="text/javascript"> | |
11 //var server = 'http://127.0.0.1:8180/fulltextSearchServer/'; | |
12 var server = 'http://xserve07.mpiwg-berlin.mpg.de:58080/fulltextSearchServer/'; | |
13 | |
14 //var languages = new Array(); | |
15 var langNew = new Array(); | |
16 var documentHits=0; | |
17 //function formatLanguage(responseText2,textStatus2,XMLHttpRequest2){ | |
18 //}; | |
19 | |
20 function resetSearch(){ // setze alle zwischenergebnisse der suche zurueck | |
21 $('#ticket').html(); | |
22 | |
23 $('#results').html(); | |
24 | |
25 $('#language_results').html(); | |
26 | |
27 $('#base_url_ticket').html(); | |
28 $('#error').html(); | |
29 | |
30 | |
31 } | |
32 function showResults(object,url){ | |
33 //$('#openSearches').html('not decided'); // setze offene suchen auf falsch | |
34 //var lang = $(object).find('lang').text(); | |
35 | |
36 | |
37 console.log("langnew:"+langNew); | |
38 | |
39 console.log("this:"+object); | |
40 | |
41 var langs = $(object).find('div.ticketLang a'); | |
42 var langsLen=langs.length; | |
43 //langNew = new Array(); | |
44 console.log(langs); | |
45 | |
46 //$('#language_results').html(''); // empty the diff | |
47 for ( var i=0; i<langsLen; ++i ){ // now fill it with the languages | |
48 | |
49 if ($('#language_results_'+$(langs[i]).text()).length==0){ | |
50 $('#language_results').append('<div class="language_results_header">'+$(langs[i]).text()+'</div>'); | |
51 $('#language_results').append('<div id="language_results_'+$(langs[i]).text()+'"></div>'); | |
52 langNew.push(true); | |
53 } | |
54 } | |
55 | |
56 for ( var i=0; i<langsLen; ++i ){ // gehe durch alle Sprachen | |
57 var lang = $(langs[i]).text(); | |
58 console.log("show_results_lang:"+lang); | |
59 if (lang != '') { | |
60 if (langNew[i]) { | |
61 console.log(server + url + '/' + lang); | |
62 langNew[i] = false; | |
63 $('#language_results_'+lang).load( | |
64 server + url + '/' + lang, | |
65 function() { | |
66 console.log('after results'); | |
67 var lang = $(this).find('div.resultLang').text(); | |
68 console.log('after results:'+lang); | |
69 $('tr.documentHit').each( | |
70 function(index) { | |
71 | |
72 var newId = $(this).attr('id') | |
73 + '_content'; | |
74 //console.log(newId); | |
75 $(this).after( | |
76 '<tr><td colspan="5" class="resultLinksToPages" id="' | |
77 + newId | |
78 + '"></tr>'); | |
79 var ref = $(this).find('td.resultTextId').text(); | |
80 | |
81 console.log('xxx:'+url + '/' + lang + '/' + ref); | |
82 | |
83 var href = $(this).find('td.resultLink a.resultHits').attr('href'); | |
84 if (href!=''){ | |
85 href="showhits.html?url="+href; | |
86 href+="&textId="+ref; | |
87 | |
88 var linknode = $(this).find('td.resultLink a.searchHits'); | |
89 if (linknode.length>0){ | |
90 linknode.attr('href',href) | |
91 } else { | |
92 $(this).find('td.resultLink a.resultHits').after('<a class="searchHits" href ="'+href+'"> show</a>'); | |
93 | |
94 } | |
95 } | |
96 | |
97 $('#' + newId).load( | |
98 server + url + '/' + lang | |
99 + '/' + ref, | |
100 showPages); | |
101 }); | |
102 }); | |
103 } else { | |
104 console.log('second'); | |
105 | |
106 $('#language_results_'+lang+' tr.documentHit').each( | |
107 function(index) { | |
108 //var lang = $(this).find('div.resultLang').text(); | |
109 var newId = $(this).attr('id') + '_content'; | |
110 //console.log(newId); | |
111 var ref = $(this).find('td.resultTextId').text(); | |
112 var href = $(this).find('td.resultLink a.resultHits').attr('href'); | |
113 | |
114 if (href!=''){ | |
115 href="showhits.html?url="+href; | |
116 href+="&textId="+ref; | |
117 | |
118 var linknode = $(this).find('td.resultLink a.searchHits'); | |
119 if (linknode.length>0){ | |
120 linknode.attr('href',href) | |
121 } else { | |
122 $(this).find('td.resultLink a.resultHits').after('<a class="searchHits" href ="'+href+'"> show</a>'); | |
123 | |
124 } | |
125 } | |
126 | |
127 console.log('yyy:'+url + '/' + lang + '/' + ref); | |
128 $('#' + newId).load( | |
129 server + url + '/' + lang + '/' + ref, | |
130 showPages); | |
131 }); | |
132 } // end else langNew | |
133 } // lang nicht leer | |
134 } // end for durch die Sprachen | |
135 } | |
136 | |
137 function showPages(responseText2, textStatus2, XMLHttpRequest2) { | |
138 $('#error').html(''); | |
139 console.log('showpage'+this) | |
140 switch (XMLHttpRequest2.status) { | |
141 case 0: | |
142 case 202: | |
143 //$('#openSearches').html('true') | |
144 $(this).html('search pages'); | |
145 break; | |
146 case 404: | |
147 $(this).html('file not found!'); | |
148 break; | |
149 | |
150 case 500: | |
151 $(this).html('Server error'); | |
152 break; | |
153 default: | |
154 //$(this).html('done'); | |
155 var pages=$(this).find('div.foundPage'); // suche alle seiten mit treffern | |
156 var pagesLen=pages.length; | |
157 | |
158 for ( var i=0; i<pagesLen; ++i ){ | |
159 $(this).parent().addClass('foundPages'); | |
160 var ref = $(pages[i]).find('a').attr('href'); | |
161 //console.log('ref:'+ref); | |
162 $(pages[i]).load(server+ref+'/digilib') // lade die treffer in der Seite | |
163 } | |
164 | |
165 //var openSearches = $('#openSearches').text(); | |
166 break; | |
167 } | |
168 } | |
169 | |
170 function loadTicket(responseText2, textStatus2, XMLHttpRequest2) { | |
171 | |
172 $('#error').html(''); | |
173 switch (XMLHttpRequest2.status) { | |
174 case 0: | |
175 $('#error').html('Search server is not answering!'); | |
176 case 201: // created gesamt such dokument ist erzeugt, aber suche ueber Zeilen eventuell noch nicht abgeschlossen | |
177 //$('#results').html(responseText2 + " DONE!"); | |
178 | |
179 var url = $('#base_url_ticket').html(); | |
180 showResults(this,url); | |
181 //console.log('xxx:'+$('#openSearches').html()); | |
182 | |
183 | |
184 var foundPages=$('.foundPages').length; | |
185 documentHits=$('tr.documentHit').length; | |
186 console.log(documentHits); | |
187 console.log(foundPages); | |
188 | |
189 if (documentHits>foundPages){ // es gibt noch offene suchen dann weiter | |
190 console.log("done, but searching"); | |
191 $('#results').html(responseText2 + " not yet!"); | |
192 setTimeout(function() { | |
193 $('#results').load(server + url, loadTicket) | |
194 }, 4000); | |
195 //showResults(this,url); | |
196 } else { | |
197 | |
198 console.log("done, really!"); | |
199 console.log($('#openSearches').html()); | |
200 //var url = $('#base_url_ticket').html(); | |
201 | |
202 //setTimeout(function() { | |
203 // $('#results').load(server + url, loadTicket) | |
204 //}, 4000); | |
205 | |
206 | |
207 /* var langs = $(this).find('xml lang'); | |
208 | |
209 | |
210 console.log(this); | |
211 console.log(langs); | |
212 var langsLen=langs.length; | |
213 //langNew = new Array(); | |
214 console.log(langsLen); | |
215 //$('#language_results').html(''); // empty the diff | |
216 for ( var i=0; i<langsLen; ++i ){ // now fill it with the languages | |
217 | |
218 if ($('#language_results_'+$(langs[i]).text()).length==0){ | |
219 $('#language_results').append('<div id="language_results_'+$(langs[i]).text()+'"></div>'); | |
220 langNew.push(true); | |
221 } | |
222 } | |
223 | |
224 | |
225 for ( var i=0; i<langsLen; ++i ){ // gehe durch alle Sprachen | |
226 var lang = $(langs[i]).text(); | |
227 | |
228 if (lang != '') { | |
229 | |
230 console.log(server + url + '/' + lang); | |
231 console.log(langNew); | |
232 if (langNew[i]) { | |
233 langNew[i] = false; | |
234 $('#language_results_'+lang).load( | |
235 server + url + '/' + lang, | |
236 function() { | |
237 //console.log('after results'); | |
238 $('tr.documentHit').each( | |
239 function(index) { | |
240 var newId = $(this).attr('id') | |
241 + '_content'; | |
242 //console.log(newId); | |
243 $(this).after( | |
244 '<td colspan="5" class="resultLinksToPages" id="' | |
245 + newId | |
246 + '"></tr>'); | |
247 var ref = $(this).find('td a') | |
248 .attr('href'); | |
249 $('#' + newId).load( | |
250 server + url + '/' + lang | |
251 + '/' + ref, | |
252 showPages); | |
253 }); | |
254 }); | |
255 } | |
256 } | |
257 } // ende schleife durch sprachen */ | |
258 } // ende else falls noch offene suchen ecistieren | |
259 | |
260 | |
261 break; | |
262 case 202: // still working | |
263 var url = $('#base_url_ticket').html(); | |
264 console.log("202 -start:"+url); | |
265 | |
266 setTimeout(function() { | |
267 $('#results').load(server + url, loadTicket) | |
268 }, 4000); | |
269 showResults(this,url); | |
270 console.log("202 -end"); | |
271 break; | |
272 default: | |
273 $('#results').html(XMLHttpRequest2.status + ': ' | |
274 + XMLHttpRequest2.statusText | |
275 + '. unknow server error.'); | |
276 break; | |
277 } | |
278 }; | |
279 | |
280 function getLanguages(){ // baue language parameter fuer die suche | |
281 var langs=[] | |
282 | |
283 if ($(document).getUrlParam("supportedLanguage") != null) { | |
284 langs = $(document).getUrlParam("supportedLanguage"); | |
285 } | |
286 console.log("supl:"+langs) | |
287 | |
288 var langsLen=langs.length; | |
289 console.log("supl:"+langs.length) | |
290 var found=false; | |
291 //var ret=""; | |
292 var ret = new Array(); | |
293 for ( var i=0; i<langsLen; ++i ){ | |
294 //ret+=$(langs[i]).text()+"_"; | |
295 ret.push(langs[i]); | |
296 } | |
297 return ret; | |
298 | |
299 } | |
300 <!-- $(function() {--> | |
301 <!-- $('#searchButton')--> | |
302 <!-- .click(--> | |
303 <!-- function() {--> | |
304 <!-- resetSearch();--> | |
305 <!-- var searchString = $('#searchString').val();--> | |
306 <!-- var searchMetaData = $('#searchMetaData').val();--> | |
307 <!-- //langNew = true;--> | |
308 <!-- --> | |
309 <!-- var languages = getLanguages();--> | |
310 <!-- console.log('languages');--> | |
311 <!-- console.log(languages);--> | |
312 <!-- --> | |
313 <!-- $('#ticket')--> | |
314 <!-- .load(--> | |
315 <!-- server+'tickets a',--> | |
316 <!-- {--> | |
317 <!-- searchString : searchString,--> | |
318 <!-- languages: languages.join("_"),--> | |
319 <!-- searchMetaData: searchMetaData--> | |
320 <!-- },--> | |
321 <!-- function(responseText, textStatus,--> | |
322 <!-- XMLHttpRequest) {--> | |
323 <!-- var ticketUrl = $(this).find(--> | |
324 <!-- 'a').attr('href');--> | |
325 <!-- $('#base_url_ticket').html(--> | |
326 <!-- ticketUrl);--> | |
327 <!-- $('#results').load(--> | |
328 <!-- server + ticketUrl,--> | |
329 <!-- loadTicket);--> | |
330 <!-- }--> | |
331 <!----> | |
332 <!-- );--> | |
333 <!-- });--> | |
334 <!-- });--> | |
335 <!-- --> | |
336 $(document).ready(function(){ | |
337 | |
338 resetSearch(); | |
339 var searchString =""; | |
340 var searchMetaData =""; | |
341 //langNew = true; | |
342 | |
343 | |
344 | |
345 var languages = getLanguages(); | |
346 console.log('languages'); | |
347 console.log(languages); | |
348 | |
349 | |
350 if ($(document).getUrlParam("searchString") != null) { | |
351 searchString = $(document).getUrlParam("searchString"); | |
352 } | |
353 console.log("searchstring:"+searchString) | |
354 | |
355 if ($(document).getUrlParam("searchMetaData") != null) { | |
356 searchMetaData = $(document).getUrlParam("searchMetaData"); | |
357 } | |
358 | |
359 console.log("metadata:"+searchMetaData) | |
360 $('#ticket') | |
361 .load( | |
362 server+'tickets a', | |
363 { | |
364 searchString : searchString, | |
365 languages: languages.join("_"), | |
366 searchMetaData: searchMetaData | |
367 }, | |
368 function() { | |
369 console.log("after ticket") | |
370 console.log(this); | |
371 | |
372 var ticketUrl = $(this).find( | |
373 'a').attr('href'); | |
374 $('#base_url_ticket').html( | |
375 ticketUrl); | |
376 $('#results').load( | |
377 server + ticketUrl, | |
378 loadTicket); | |
379 } | |
380 | |
381 ); | |
382 | |
383 }); | |
384 | |
385 function toggleLang(obj){ | |
386 var val = $(obj).attr("value"); | |
387 | |
388 | |
389 var langs=$('#selectedLanguages').find('div.lang'); // suche alle sprachen | |
390 var langsLen=langs.length; | |
391 | |
392 var found=false; | |
393 for ( var i=0; i<langsLen; ++i ){ | |
394 if ($(langs[i]).text()==val) | |
395 { | |
396 $(langs[i]).remove(); | |
397 found=true; | |
398 } | |
399 } | |
400 if (!found){ | |
401 $('#selectedLanguages').append('<div class="lang">'+val+'</div>'); | |
402 } | |
403 | |
404 } | |
405 </script> | |
406 | |
407 </head> | |
408 <body> | |
409 A122 | |
410 <div> | |
411 <!--<div>Search word: <input type="text" id="searchString" /></div> | |
412 <input type="button" value="search" id="searchButton"/> | |
413 <div>Search in Metadata: <input type="text" id="searchMetaData" /></div> | |
414 <div id="supportedLanguages"></div> | |
415 --> | |
416 <div id="ticket"></div> | |
417 | |
418 <div id="results"></div> | |
419 | |
420 <div id="language_results"></div> | |
421 | |
422 <div id="base_url_ticket"></div> | |
423 <div id="error"></div> | |
424 <div id="openSearches"></div> | |
425 <div id="selectedLanguages"></div> | |
426 </div> | |
427 </body> | |
428 </html> |