trunk2/eurovoc/abecedno.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <title>HIDRA - Pojmovnik Eurovoc</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
        <link rel="stylesheet" href="eurovoc.css" type="text/css">

<script type="text/javascript" src="js/bfilter.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/load_js.js"></script>
<script type="text/javascript" src="js/cookies.js"></script>
<script type="text/javascript" src="js/l2_unescape.js"></script>
<script type="text/javascript" src="js/unac.js"></script>
<script type="text/javascript">
// <!--

var lang2thes = {
        'hr' : 'DescriptorHR.js',
        'en' : 'DescriptorEN.js',
        'fr' : 'DescriptorFR.js',
        'ge' : 'DescriptorGE.js'
};

var lang = get_cookie('w2_lang');

var headlines = null;
self.document.myfilter = null;

function myfilter() {
//      self.document.getElementById('textfilter').focus();
//      self.document.getElementById('textfilter').caretPos=1;
//      self.document.getElementById('textfilter').select();
        self.document.myfilter = new BFilter(headlines);

        // define some regexps
        self.document.myfilter.star_regex = new RegExp(/ *\* */);
        self.document.myfilter.htmlent_regex = new RegExp(/(&[a-z][a-z]*;)/i);

        self.document.myfilter.text_ent = function (str) {
                if (str.match(this.htmlent_regex)) {
                        var e = self.document.createElement("span");
                        e.innerHTML = str;
                        return e;
                } else {
                        return self.document.createTextNode(str);
                }
        }

        self.document.myfilter.result = function (arr) {
                var r_div = element_id('results');
                if (r_div) {
                        var li = self.document.createElement("li");
                        var e = self.document.createElement("a");
                        var pic = null;
                        
                        e.setAttribute("href","hijerarhija.html?o="+arr[1]+"#mfn"+arr[1]);
                        if (arr[0].match(this.star_regex)) {
                                e.appendChild(this.text_ent(arr[2].replace(this.star_regex,' ')));
                                pic = self.document.createElement("img");
                                pic.src = 'img/crovoc.png';
                                pic.border = 0;
                                e.appendChild(pic);
                        } else {
                                e.appendChild(this.text_ent(arr[2]));
                        }
                        li.appendChild(e);

                        li.appendChild(self.document.createTextNode(" "));

                        e = self.document.createElement("a");
                        e.setAttribute("href","thes/"+arr[1]+".html");
                        e.setAttribute("target","popup");
                        e.onclick = function() { return popup(e) };
                        pic = self.document.createElement("img");
                        pic.src = 'img/listic.png';
                        pic.border = 0;
                        e.appendChild(pic);
                        li.appendChild(e);

                        li.appendChild(self.document.createElement("br"));

                        // append li
                        r_div.appendChild(li);

                } else {
                        alert("can't find results div!");
                }
/*
                return '<li><a href="thes/'+arr[1]+'.html">'+arr[0]+'</a>'+
                '&nbsp;<a href="browse.html?o='+arr[1]+'">&curren;</a>' +
                '</li>';
*/
                return null;
        }

        // this function is called when updating innerHTML with results
        self.document.myfilter.display = function (html) {
                return null;
//              return '<ul>'+html+'</ul>';
        }

        self.document.myfilter.show_status = function (status) {
                var html;
                if (this.hits > 0) {
                        html = "Pronaðeno "+this.hits+" zapisa";
                } else {
                        html = "Nije pronaðen niti jedan zapis";
                }
                if (! status) {
                        html = "Unesite "+this.min_len+" znaka za pretra¾ivanje.";
                        status = "";
                } else {
                        status = " za <em>"+status+"</em>.";
                }

                var el = this.element_id("status");
                el.innerHTML = html+status+"\n";
        }

        // time timeout to 500ms
        self.document.myfilter.timeout = 500;
}

function load_lang(lang) {
        // reset results
        if (self.document.myfilter) element_id('results').innerHTML = "";

        // default language or fallback from all to hr
        if (! lang || lang == 'all') lang = 'hr';

        if (! lang2thes[lang]) {
                alert("Jezik "+lang+" nije podr¾an");
        }

        set_cookie('w2_lang', lang);
        element_id('lang').disabled = true;
        element_id('textfilter').disabled = true;
        element_id('status').innerHTML = "Uèitavanje podataka za jezik. Molimo, prièekate...";

        self.document.myfilter = null;

        load_js(lang2thes[lang], 'headlines', 'load_lang_finished();' );
}

function do_filter(filter) {
        element_id('status').innerHTML = "Pretra¾ivanje u tijeku...";
        var f = l2_unescape(filter);
        f = f.substr(0,2) + unac(f.substr(2,f.length-2));
        if (self.document.myfilter) self.document.myfilter.filter(f);
}

function load_lang_finished() {
        //alert("loaded "+lang);
        myfilter();
        self.document.myfilter.arr=headlines;
        element_id('lang').disabled = false;
        element_id('textfilter').disabled = false;
        do_filter(element_id('textfilter').value);
        return false;
}

function select_option(value,text,selected) {
        document.write('<option value="'+value+'"');
        if (value == selected) document.write(' selected');
        document.write('>'+text+'</option>');
}
// -->
</script>
<script type="text/javascript" src="js/hide.js"></script>
</head>

<body onload="load_lang(lang);">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td colspan="3" class="hdr" height="10">
        </td>
  </tr>
  <tr>
        <td class="logoHidra">
                <img src="img/euzajed.png" border="0" alt="Europske zajednice">
        </td>
        <td class="logoHidra">
                <img src="img/hidra.png" border="0" alt="HIDRA logo">
        </td>
        <td class="logoEUV">
                <a href="index.html"><img src="img/eurovoc2.png" border="0" alt="Eurovoc"></a>
        </td>
  </tr>
  <tr>
        <td class="hdr2" height="10" colspan="3">
        </td>
        
  </tr>
</table>


<table border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
        <td class="hMenuL hMenu">
        <table width="160" cellspacing="0" cellpadding="0">
        <tr><td>
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                        <td class="topLpl"></td>
                        <td rowspan="2" class="hMenuTxt"><a class="lhM" href="eurovoc.html">Pojmovnik Eurovoc</a></td>
                        <td nowrap class="topRpl"></td>
                   </tr>        
                   <tr>
                        <td class="hMenuSide"></td>
                        <td class="hMenuSide"></td>
                   </tr>
                   <tr>
                        <td colspan="3" height="10"></td>
                   </tr>        
                </table>
        </td></tr>
        </table>
        </td>

        <td colspan="2" class="hMenu">  
<table border="0" cellspacing="0" cellpadding="0" align="right" width="520">
  <tr>
        <td width="10">&nbsp;</td>
        <td>
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                        <td class="topLpl"></td>
                        <td rowspan="2" class="hMenuTxt"><a class="lhM" href="pretrazivanje.html">Pretra¾ivanje</a></td>
                        <td class="topRpl"></td>
                   </tr>        
                   <tr>
                        <td class="hMenuSide"></td>
                        <td class="hMenuSide"></td>
                   </tr>
                   <tr>
                        <td colspan="3" height="10"></td>
                   </tr>        
                </table>
        </td>
        <td width="10">&nbsp;</td>
        <td>
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                        <td class="topLpl"></td>
                        <td rowspan="2" class="hMenuTxt"><a class="lhM" href="hijerarhija.html">Hijerarhijski prikaz</a></td>
                        <td class="topRpl"></td>
                   </tr>        
                   <tr>
                        <td class="hMenuSide"></td>
                        <td class="hMenuSide"></td>
                   </tr>
                   <tr>
                        <td colspan="3" height="10"></td>
                   </tr>        
                </table>
        </td>
        <td width="10">&nbsp;</td>
        <td>
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                        <td class="topLpl"></td>
                        <td rowspan="2" class="ActMenu">Abecedna kazala</td>
                        <td class="topRpl"></td>
                   </tr>        
                   <tr>
                        <td class="hMenuSide"></td>
                        <td class="hMenuSide"></td>
                   </tr>
                   <tr>
                        <td class="bottomLpl"></td>
                        <td class="bkgPl"></td>
                        <td class="bottomRpl"></td>
                   </tr>        
                </table>
        </td>
        <td width="10">&nbsp;</td>
  </tr>
</table>

        </td>
  </tr>
  
  <tr>
        <td width="200" class="menu">
        <table border="0" cellspacing="0" cellpadding="0" width="160">
          <tr>
                <td colspan="3">&nbsp;</td>
          </tr>
          <tr>
                <td class="topLsv"></td>
                <td class="middle bkgSv"></td>
                <td class="topRsv"></td>
          </tr>
          <tr>
                <td colspan="3" class="menuItem2">Upute za prikaz abecednih kazala</td>
          </tr>
          <tr>
                <td colspan="3" class="menuItem">
                Upi¹ite najmanje <em>dva poèetna slova</em> tra¾enog
                pojma.
                </td>
          </tr>
          <tr>
                <td colspan="3" class="menuItem">
                Klik na pojam u abecednom kazalu pozicionira pojam u
                hijerarhijkoij strukturi pojmovnika.
                </td>
          </tr>
          <tr>
                <td colspan="3" class="menuItem">
                Klik na znak <img src="img/listic.png" border="0"> otvara novi prozor u kojem
                se pojavljuje detaljan prikaz tra¾enog pojma.
                </td>
          </tr>
          <tr>
                <td class="bottomLsv"></td>
                <td class="middle bkgSv"></td>
                <td class="bottomRsv"></td>
          </tr>
        </table>

        </td>
  
        
        <td class="bd">

<h3>Abecedna kazala</h3>


<div style="float: right; width: 10em; text-align: center; margin: 0.5m">
 <a href="#" onclick="toggle_display('debug');">debug</a>
 <div style="text-align: left; border: 1px dashed #c0c0c0; display: none;" id="debug">
 </div>
</div>

<form method="get" onsubmit="return false;" action="?">
<div class="filters">
  <script type="text/javascript">
        // <!--
        document.write('<select id="lang" name="lang" onchange="load_lang(this.options[this.selectedIndex].value);">');
        select_option("hr","Hrvatski",lang);
        select_option("en","Engleski",lang);
        select_option("fr","Francuski",lang);
        select_option("ge","Njemaèki",lang);
        document.write('</select>');
        // -->
  </script>

        <input autocomplete="off" class="filters" id="textfilter" title="enter a regular expression to filter by" onkeyup="do_filter(this.value);" />
        <!-- this button is strictly for looks -->
        <input class="filters" value="filter" type="button" disabled="true"/>
</div>
</form>

<div id="status" style="font-size: 80%; color: gray;">
<!--
Enter few letters to filter by them
-->
</div>

<ul id="results">
</ul>

        </td>
</tr>
</table>        

</body>
</html>  
1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2	<html>
3	<head>
4	<title>HIDRA - Pojmovnik Eurovoc</title>
5	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
6	<link rel="stylesheet" href="eurovoc.css" type="text/css">
7
8	<script type="text/javascript" src="js/bfilter.js"></script>
9	<script type="text/javascript" src="js/popup.js"></script>
10	<script type="text/javascript" src="js/load_js.js"></script>
11	<script type="text/javascript" src="js/cookies.js"></script>
12	<script type="text/javascript" src="js/l2_unescape.js"></script>
13	<script type="text/javascript" src="js/unac.js"></script>
14	<script type="text/javascript">
15	// <!--
16
17	var lang2thes = {
18	'hr' : 'DescriptorHR.js',
19	'en' : 'DescriptorEN.js',
20	'fr' : 'DescriptorFR.js',
21	'ge' : 'DescriptorGE.js'
22	};
23
24	var lang = get_cookie('w2_lang');
25
26	var headlines = null;
27	self.document.myfilter = null;
28
29	function myfilter() {
30	// self.document.getElementById('textfilter').focus();
31	// self.document.getElementById('textfilter').caretPos=1;
32	// self.document.getElementById('textfilter').select();
33	self.document.myfilter = new BFilter(headlines);
34
35	// define some regexps
36	self.document.myfilter.star_regex = new RegExp(/ \ */);
37	self.document.myfilter.htmlent_regex = new RegExp(/(&[a-z][a-z]*;)/i);
38
39	self.document.myfilter.text_ent = function (str) {
40	if (str.match(this.htmlent_regex)) {
41	var e = self.document.createElement("span");
42	e.innerHTML = str;
43	return e;
44	} else {
45	return self.document.createTextNode(str);
46	}
47	}
48
49	self.document.myfilter.result = function (arr) {
50	var r_div = element_id('results');
51	if (r_div) {
52	var li = self.document.createElement("li");
53	var e = self.document.createElement("a");
54	var pic = null;
55
56	e.setAttribute("href","hijerarhija.html?o="+arr[1]+"#mfn"+arr[1]);
57	if (arr[0].match(this.star_regex)) {
58	e.appendChild(this.text_ent(arr[2].replace(this.star_regex,' ')));
59	pic = self.document.createElement("img");
60	pic.src = 'img/crovoc.png';
61	pic.border = 0;
62	e.appendChild(pic);
63	} else {
64	e.appendChild(this.text_ent(arr[2]));
65	}
66	li.appendChild(e);
67
68	li.appendChild(self.document.createTextNode(" "));
69
70	e = self.document.createElement("a");
71	e.setAttribute("href","thes/"+arr[1]+".html");
72	e.setAttribute("target","popup");
73	e.onclick = function() { return popup(e) };
74	pic = self.document.createElement("img");
75	pic.src = 'img/listic.png';
76	pic.border = 0;
77	e.appendChild(pic);
78	li.appendChild(e);
79
80	li.appendChild(self.document.createElement("br"));
81
82	// append li
83	r_div.appendChild(li);
84
85	} else {
86	alert("can't find results div!");
87	}
88	/*
89	return '<li><a href="thes/'+arr[1]+'.html">'+arr[0]+'</a>'+
90	' <a href="browse.html?o='+arr[1]+'">¤</a>' +
91	'</li>';
92	*/
93	return null;
94	}
95
96	// this function is called when updating innerHTML with results
97	self.document.myfilter.display = function (html) {
98	return null;
99	// return '<ul>'+html+'</ul>';
100	}
101
102	self.document.myfilter.show_status = function (status) {
103	var html;
104	if (this.hits > 0) {
105	html = "Pronaðeno "+this.hits+" zapisa";
106	} else {
107	html = "Nije pronaðen niti jedan zapis";
108	}
109	if (! status) {
110	html = "Unesite "+this.min_len+" znaka za pretra¾ivanje.";
111	status = "";
112	} else {
113	status = " za <em>"+status+"</em>.";
114	}
115
116	var el = this.element_id("status");
117	el.innerHTML = html+status+"\n";
118	}
119
120	// time timeout to 500ms
121	self.document.myfilter.timeout = 500;
122	}
123
124	function load_lang(lang) {
125	// reset results
126	if (self.document.myfilter) element_id('results').innerHTML = "";
127
128	// default language or fallback from all to hr
129	if (! lang \|\| lang == 'all') lang = 'hr';
130
131	if (! lang2thes[lang]) {
132	alert("Jezik "+lang+" nije podr¾an");
133	}
134
135	set_cookie('w2_lang', lang);
136	element_id('lang').disabled = true;
137	element_id('textfilter').disabled = true;
138	element_id('status').innerHTML = "Uèitavanje podataka za jezik. Molimo, prièekate...";
139
140	self.document.myfilter = null;
141
142	load_js(lang2thes[lang], 'headlines', 'load_lang_finished();' );
143	}
144
145	function do_filter(filter) {
146	element_id('status').innerHTML = "Pretra¾ivanje u tijeku...";
147	var f = l2_unescape(filter);
148	f = f.substr(0,2) + unac(f.substr(2,f.length-2));
149	if (self.document.myfilter) self.document.myfilter.filter(f);
150	}
151
152	function load_lang_finished() {
153	//alert("loaded "+lang);
154	myfilter();
155	self.document.myfilter.arr=headlines;
156	element_id('lang').disabled = false;
157	element_id('textfilter').disabled = false;
158	do_filter(element_id('textfilter').value);
159	return false;
160	}
161
162	function select_option(value,text,selected) {
163	document.write('<option value="'+value+'"');
164	if (value == selected) document.write(' selected');
165	document.write('>'+text+'</option>');
166	}
167	// -->
168	</script>
169	<script type="text/javascript" src="js/hide.js"></script>
170	</head>
171
172	<body onload="load_lang(lang);">
173	<table width="100%" border="0" cellspacing="0" cellpadding="0">
174	<tr>
175	<td colspan="3" class="hdr" height="10">
176	</td>
177	</tr>
178	<tr>
179	<td class="logoHidra">
180	<img src="img/euzajed.png" border="0" alt="Europske zajednice">
181	</td>
182	<td class="logoHidra">
183	<img src="img/hidra.png" border="0" alt="HIDRA logo">
184	</td>
185	<td class="logoEUV">
186	<a href="index.html"><img src="img/eurovoc2.png" border="0" alt="Eurovoc"></a>
187	</td>
188	</tr>
189	<tr>
190	<td class="hdr2" height="10" colspan="3">
191	</td>
192
193	</tr>
194	</table>
195
196
197	<table border="0" cellspacing="0" cellpadding="0" width="100%">
198	<tr>
199	<td class="hMenuL hMenu">
200	<table width="160" cellspacing="0" cellpadding="0">
201	<tr><td>
202	<table border="0" cellspacing="0" cellpadding="0">
203	<tr>
204	<td class="topLpl"></td>
205	<td rowspan="2" class="hMenuTxt"><a class="lhM" href="eurovoc.html">Pojmovnik Eurovoc</a></td>
206	<td nowrap class="topRpl"></td>
207	</tr>
208	<tr>
209	<td class="hMenuSide"></td>
210	<td class="hMenuSide"></td>
211	</tr>
212	<tr>
213	<td colspan="3" height="10"></td>
214	</tr>
215	</table>
216	</td></tr>
217	</table>
218	</td>
219
220	<td colspan="2" class="hMenu">
221	<table border="0" cellspacing="0" cellpadding="0" align="right" width="520">
222	<tr>
223	<td width="10"> </td>
224	<td>
225	<table border="0" cellspacing="0" cellpadding="0">
226	<tr>
227	<td class="topLpl"></td>
228	<td rowspan="2" class="hMenuTxt"><a class="lhM" href="pretrazivanje.html">Pretra¾ivanje</a></td>
229	<td class="topRpl"></td>
230	</tr>
231	<tr>
232	<td class="hMenuSide"></td>
233	<td class="hMenuSide"></td>
234	</tr>
235	<tr>
236	<td colspan="3" height="10"></td>
237	</tr>
238	</table>
239	</td>
240	<td width="10"> </td>
241	<td>
242	<table border="0" cellspacing="0" cellpadding="0">
243	<tr>
244	<td class="topLpl"></td>
245	<td rowspan="2" class="hMenuTxt"><a class="lhM" href="hijerarhija.html">Hijerarhijski prikaz</a></td>
246	<td class="topRpl"></td>
247	</tr>
248	<tr>
249	<td class="hMenuSide"></td>
250	<td class="hMenuSide"></td>
251	</tr>
252	<tr>
253	<td colspan="3" height="10"></td>
254	</tr>
255	</table>
256	</td>
257	<td width="10"> </td>
258	<td>
259	<table border="0" cellspacing="0" cellpadding="0">
260	<tr>
261	<td class="topLpl"></td>
262	<td rowspan="2" class="ActMenu">Abecedna kazala</td>
263	<td class="topRpl"></td>
264	</tr>
265	<tr>
266	<td class="hMenuSide"></td>
267	<td class="hMenuSide"></td>
268	</tr>
269	<tr>
270	<td class="bottomLpl"></td>
271	<td class="bkgPl"></td>
272	<td class="bottomRpl"></td>
273	</tr>
274	</table>
275	</td>
276	<td width="10"> </td>
277	</tr>
278	</table>
279
280	</td>
281	</tr>
282
283	<tr>
284	<td width="200" class="menu">
285	<table border="0" cellspacing="0" cellpadding="0" width="160">
286	<tr>
287	<td colspan="3"> </td>
288	</tr>
289	<tr>
290	<td class="topLsv"></td>
291	<td class="middle bkgSv"></td>
292	<td class="topRsv"></td>
293	</tr>
294	<tr>
295	<td colspan="3" class="menuItem2">Upute za prikaz abecednih kazala</td>
296	</tr>
297	<tr>
298	<td colspan="3" class="menuItem">
299	Upi¹ite najmanje <em>dva poèetna slova</em> tra¾enog
300	pojma.
301	</td>
302	</tr>
303	<tr>
304	<td colspan="3" class="menuItem">
305	Klik na pojam u abecednom kazalu pozicionira pojam u
306	hijerarhijkoij strukturi pojmovnika.
307	</td>
308	</tr>
309	<tr>
310	<td colspan="3" class="menuItem">
311	Klik na znak <img src="img/listic.png" border="0"> otvara novi prozor u kojem
312	se pojavljuje detaljan prikaz tra¾enog pojma.
313	</td>
314	</tr>
315	<tr>
316	<td class="bottomLsv"></td>
317	<td class="middle bkgSv"></td>
318	<td class="bottomRsv"></td>
319	</tr>
320	</table>
321
322	</td>
323
324
325	<td class="bd">
326
327	<h3>Abecedna kazala</h3>
328
329
330	<div style="float: right; width: 10em; text-align: center; margin: 0.5m">
331	<a href="#" onclick="toggle_display('debug');">debug</a>
332	<div style="text-align: left; border: 1px dashed #c0c0c0; display: none;" id="debug">
333	</div>
334	</div>
335
336	<form method="get" onsubmit="return false;" action="?">
337	<div class="filters">
338	<script type="text/javascript">
339	// <!--
340	document.write('<select id="lang" name="lang" onchange="load_lang(this.options[this.selectedIndex].value);">');
341	select_option("hr","Hrvatski",lang);
342	select_option("en","Engleski",lang);
343	select_option("fr","Francuski",lang);
344	select_option("ge","Njemaèki",lang);
345	document.write('</select>');
346	// -->
347	</script>
348
349	<input autocomplete="off" class="filters" id="textfilter" title="enter a regular expression to filter by" onkeyup="do_filter(this.value);" />
350	<!-- this button is strictly for looks -->
351	<input class="filters" value="filter" type="button" disabled="true"/>
352	</div>
353	</form>
354
355	<div id="status" style="font-size: 80%; color: gray;">
356	<!--
357	Enter few letters to filter by them
358	-->
359	</div>
360
361	<ul id="results">
362	</ul>
363
364	</td>
365	</tr>
366	</table>
367
368	</body>
369	</html>