franta-hg@3: /** ID html prvků */ franta-hg@3: const vstupniPole = 'vstupniPole'; franta-hg@3: const vystupniPole = 'vystupniPole'; franta-hg@3: const napovedniPole = 'napovedniPole'; franta-hg@20: const stavovePole = 'stavovePole'; franta-hg@3: franta-hg@3: franta-hg@2: /** franta-hg@2: * Aby to fungovalo i v MSIE 6. franta-hg@2: * @return AJAXový objekt. franta-hg@2: */ franta-hg@2: function getXmlHttpRequestObject() { franta-hg@80: if (window.XMLHttpRequest) { franta-hg@80: return new XMLHttpRequest(); franta-hg@80: } else if(window.ActiveXObject) { franta-hg@80: return new ActiveXObject("Microsoft.XMLHTTP"); franta-hg@80: } else { franta-hg@80: alert(document.getElementById('lokalizace').nepodporovany.value); franta-hg@80: return null; franta-hg@80: } franta-hg@2: } franta-hg@2: franta-hg@22: franta-hg@2: /** Náš AJAXový objekt. */ franta-hg@2: var ajax = getXmlHttpRequestObject(); franta-hg@2: franta-hg@22: franta-hg@2: /** franta-hg@3: * Vrací vstup od uživatele. franta-hg@3: * @return SQL příkaz zadaný uživatelem. franta-hg@3: **/ franta-hg@3: function getSQL() { franta-hg@80: return document.getElementById('aplikace').vstupniPole.value; franta-hg@3: } franta-hg@3: franta-hg@22: franta-hg@3: /** franta-hg@2: * Zobrazí text na požadovaném místě. franta-hg@22: * @param text text k zobrazení. V případě formulářů prostý text, v ostatních případech HTML text. franta-hg@22: * @param kde id prvku, do kterého se má text vypsat. franta-hg@2: **/ franta-hg@2: function zobraz(text, kde) { franta-hg@80: if (kde == vstupniPole) { franta-hg@80: document.getElementById('aplikace').vstupniPole.value = vratEntity(text); franta-hg@80: } else if (kde == stavovePole) { franta-hg@80: document.getElementById('aplikace').stavovePole.value = vratEntity(text); franta-hg@80: } else { franta-hg@80: document.getElementById(kde).innerHTML = text + '

 

'; franta-hg@80: } franta-hg@2: } franta-hg@2: franta-hg@2: franta-hg@2: /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */ franta-hg@5: function ajaxVykonatSQL() { franta-hg@80: if (ajax.readyState == 4 || ajax.readyState == 0) { franta-hg@80: zobraz(document.getElementById('lokalizace').probihaSQL.value, stavovePole); franta-hg@80: ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true); franta-hg@80: ajax.onreadystatechange = function() { franta-hg@80: if (ajax.readyState == 4) { franta-hg@80: zobraz(ajax.responseText, vystupniPole); franta-hg@80: zobraz('', stavovePole); franta-hg@80: } franta-hg@80: }; franta-hg@80: ajax.send(null); franta-hg@80: } franta-hg@80: ulozURL(); franta-hg@2: } franta-hg@5: franta-hg@5: franta-hg@5: /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */ franta-hg@5: function ajaxZobrazitHistorii() { franta-hg@80: if (ajax.readyState == 4 || ajax.readyState == 0) { franta-hg@80: zobraz(document.getElementById('lokalizace').probihaHistorie.value, stavovePole); franta-hg@80: ajax.open("POST", 'ajax.jspx?akce=historie', true); franta-hg@80: ajax.onreadystatechange = function() { franta-hg@80: if (ajax.readyState == 4) { franta-hg@80: zobraz(ajax.responseText, vystupniPole); franta-hg@80: zobraz('', stavovePole); franta-hg@80: aktivujHistorii(); franta-hg@80: } franta-hg@80: }; franta-hg@70: ajax.send(null); franta-hg@80: } franta-hg@5: } franta-hg@38: franta-hg@38: var pruvodceAktualniId = 0; franta-hg@39: var urlOdkaz = new Array(); franta-hg@39: urlOdkaz['pruvodce'] = null; franta-hg@38: franta-hg@38: function ajaxPruvodcePredchozi() { franta-hg@80: ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null); franta-hg@38: } franta-hg@38: franta-hg@38: function ajaxPruvodceZpet() { franta-hg@80: try { franta-hg@80: history.back(); franta-hg@80: //window.back(); franta-hg@80: nactiURL(); franta-hg@80: } catch (e) { franta-hg@80: alert(e); franta-hg@80: // není historie franta-hg@80: } franta-hg@38: } franta-hg@38: franta-hg@38: function ajaxPruvodceVpred() { franta-hg@80: try { franta-hg@80: history.forward(); franta-hg@80: //window.forward(); franta-hg@80: nactiURL(); franta-hg@80: } catch (e) { franta-hg@80: alert(e); franta-hg@80: // není historie franta-hg@80: } franta-hg@38: } franta-hg@38: franta-hg@38: function ajaxPruvodceNasledujici() { franta-hg@80: ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null); franta-hg@38: } franta-hg@38: franta-hg@38: function ajaxPruvodceKod(kod) { franta-hg@80: ajaxPruvodceNaviguj('podleKodu', 0, kod); franta-hg@38: } franta-hg@38: franta-hg@38: function ajaxPruvodceId(id) { franta-hg@80: ajaxPruvodceNaviguj('podleId', id, null); franta-hg@38: franta-hg@38: } franta-hg@38: franta-hg@50: function ajaxPruvodceNaviguj(akcePruvodce, id, kod) { franta-hg@80: if (ajax.readyState == 4 || ajax.readyState == 0) { franta-hg@80: ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true); franta-hg@80: ajax.onreadystatechange = function() { franta-hg@80: if (ajax.readyState == 4) { franta-hg@80: zobraz(ajax.responseText, napovedniPole); franta-hg@80: /** Uložíme si do paměti ID aktuální stránky */ franta-hg@80: if (document.getElementById('pruvodceData')) { franta-hg@80: pruvodceAktualniId = document.getElementById('pruvodceData').id.value; franta-hg@80: } else { franta-hg@80: pruvodceAktualniId = 0; franta-hg@80: } franta-hg@80: /** Změníme URL v prohlížeči */ franta-hg@80: urlOdkaz['pruvodce'] = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId); franta-hg@80: ulozURL(); franta-hg@80: sestavStromy(); franta-hg@80: aktivujPruvodce(); franta-hg@80: } franta-hg@80: }; franta-hg@70: ajax.send(null); franta-hg@80: } franta-hg@38: } franta-hg@39: franta-hg@39: /** franta-hg@40: * Parametry si ukládáme za # do URL (window.location.hash) franta-hg@40: * Můžeme měnit URL, aniž by prohlížeč obnovoval stránku. franta-hg@40: * Uživatel si může URL zkopírovat a obnovit si příště stav aplikace. franta-hg@39: * @param parametr jméno parametru, který hledáme franta-hg@39: * @return hodnota parametr franta-hg@39: */ franta-hg@39: function getParametr(parametr) { franta-hg@80: parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); franta-hg@80: //var regexS = "[\\?&]"+parametr+"=([^&#]*)"; franta-hg@80: var regexS = "[\\#&]"+parametr+"=([^&]*)"; franta-hg@80: var regex = new RegExp( regexS ); franta-hg@80: var results = regex.exec(window.location.hash); franta-hg@80: if ( results == null ) { franta-hg@80: return ""; franta-hg@80: } else { franta-hg@80: return decodeURIComponent(results[1]); franta-hg@80: } franta-hg@39: } franta-hg@39: franta-hg@39: /** franta-hg@39: * Uloží parametry (jako je SQL příkaz a stránka průvodce) do URL (za #), franta-hg@39: * aby si uživatel mohl URL zkopírovat a příště si obnovit stav aplikace. franta-hg@39: */ franta-hg@39: function ulozURL() { franta-hg@80: if (urlOdkaz['pruvodce']) { franta-hg@80: window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL()); franta-hg@80: } else { franta-hg@80: window.location.hash = 'sql=' + encodeURIComponent(getSQL()); franta-hg@80: } franta-hg@39: } franta-hg@39: /** franta-hg@39: * Načte uložený stav aplikace z URL (SQL příkaz, průvodce). franta-hg@39: */ franta-hg@42: function nactiURL() { franta-hg@80: /** Načteme uživatelův SQL příkaz z URL do vstupního pole */ franta-hg@80: if (getParametr('sql')) { franta-hg@80: zobraz(getParametr('sql'), vstupniPole); franta-hg@80: } franta-hg@80: franta-hg@80: /** Načteme pozici v nápovědě */ franta-hg@80: if (getParametr('pruvodce')) { franta-hg@80: ajaxPruvodceId(getParametr('pruvodce')); franta-hg@80: } else { franta-hg@80: ajaxPruvodceKod('vitejte'); franta-hg@80: } franta-hg@39: } franta-hg@39: franta-hg@39: window.onload = function() { franta-hg@80: nactiURL(); franta-hg@80: document.getElementById("zahlavi").addEventListener('click', function () { franta-hg@80: ajaxPruvodceKod('vitejte'); franta-hg@80: }, false); franta-hg@60: } franta-hg@60: franta-hg@60: /** franta-hg@60: * Přidá
 elementům v průvodci akci onclick,
franta-hg@60:  * která se postará o načtení obsahu daného elementu do vstupního pole,
franta-hg@60:  * aby uživatel tento kód nemusel opisovat.
franta-hg@61:  *
franta-hg@61:  * Zpracuje odkazy na průvodce:
franta-hg@61:  * převede href="@klíč" na správný javascriptový odkaz.
franta-hg@60:  */
franta-hg@60: function aktivujPruvodce() {
franta-hg@80: 	/** Ukázky SQL kódu */
franta-hg@80: 	elementy = document.getElementsByTagName("pre");
franta-hg@80: 	for (var i = 0; i < elementy.length; i++) {
franta-hg@80: 		if (elementy[i].parentNode.id == napovedniPole) {
franta-hg@80: 			elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;
franta-hg@80: 			elementy[i].onclick = function() {
franta-hg@80: 				zobraz(this.innerHTML, 'vstupniPole');
franta-hg@80: 				return true;
franta-hg@80: 			};
franta-hg@80: 		}
franta-hg@70: 	}
franta-hg@61: 
franta-hg@80: 	/** Aktivace interních odkazů na průvodce */
franta-hg@80: 	elementy = document.getElementsByTagName("a");
franta-hg@80: 	for (var j = 0; j < elementy.length; j++) {
franta-hg@80: 		var odkaz = elementy[j].getAttribute("href");
franta-hg@80: 		if (odkaz.substring(0, 1) == '@') {
franta-hg@80: 			elementy[j].href = "javascript:ajaxPruvodceKod('" + odkaz.substring(1, odkaz.length) + "');";
franta-hg@80: 		}
franta-hg@70: 	}
franta-hg@60: }
franta-hg@60: 
franta-hg@60: /**
franta-hg@64:  * Přidá  elementům v historii akci onclick,
franta-hg@64:  * která se postará o načtení obsahu daného elementu do vstupního pole,
franta-hg@64:  * aby uživatel tento kód nemusel opisovat.
franta-hg@64:  */
franta-hg@64: function aktivujHistorii() {
franta-hg@80: 	radky = document.getElementsByTagName("tr");
franta-hg@80: 	for (var i = 1; i < radky.length; i++) {
franta-hg@80: 		if (radky[i].parentNode.parentNode.parentNode.id == vystupniPole) {
franta-hg@80: 			radky[i].childNodes[1].title = document.getElementById('lokalizace').klikniProNacteniHistorie.value;
franta-hg@80: 			radky[i].childNodes[1].style.cursor = 'pointer';
franta-hg@80: 			radky[i].childNodes[1].onclick = function() {
franta-hg@80: 				zobraz(this.innerHTML, 'vstupniPole');
franta-hg@80: 				return true;
franta-hg@80: 			};
franta-hg@80: 		}
franta-hg@70: 	}
franta-hg@64: }
franta-hg@64: 
franta-hg@64: /**
franta-hg@60:  * Převede HTML entity zpět na znaky,
franta-hg@60:  * aby se správně zobrazily ve vstupním nebo stavovém poli.
franta-hg@60:  */
franta-hg@60: function vratEntity (text) {
franta-hg@80: 	var vysledek = text;
franta-hg@81: 	vysledek = vysledek.replace(new RegExp('<', 'g'), '<');
franta-hg@81: 	vysledek = vysledek.replace(new RegExp('>', 'g'), '>');
franta-hg@81: 	vysledek = vysledek.replace(new RegExp('&', 'g'), '&');
franta-hg@81: 	vysledek = vysledek.replace(new RegExp(' ', 'g'), ' ');
franta-hg@81: 	vysledek = vysledek.replace(new RegExp(' ', 'g'), ' ');
franta-hg@80: 	return vysledek;
franta-hg@60: }
franta-hg@72: 
franta-hg@72: /**
franta-hg@72:  * Načte dynamicky soubor se skriptem.
franta-hg@72:  * url = název souboru.js
franta-hg@72:  */
franta-hg@72: function nactiJavaScript (url) {
franta-hg@80: 	var element = document.createElement("script");
franta-hg@80: 	element.src = url;
franta-hg@80: 	element.type = "text/javascript";
franta-hg@80: 	document.getElementsByTagName("head")[0].appendChild(element);
franta-hg@72: }
franta-hg@80: