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@2:     if (window.XMLHttpRequest) {
franta-hg@2:         return new XMLHttpRequest();
franta-hg@2:     } else if(window.ActiveXObject) {
franta-hg@2:         return new ActiveXObject("Microsoft.XMLHTTP");
franta-hg@2:     } else {
franta-hg@48:         alert(document.getElementById('lokalizace').nepodporovany.value);
franta-hg@2:         return null;
franta-hg@2:     }
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@48:     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@19:     if (kde == vstupniPole) {
franta-hg@60:         document.getElementById('aplikace').vstupniPole.value = vratEntity(text);
franta-hg@20:     } else if (kde == stavovePole)  {
franta-hg@60:         document.getElementById('aplikace').stavovePole.value = vratEntity(text);
franta-hg@19:     } else {
franta-hg@19:         document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
franta-hg@19:     }
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@2:     if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@48:         zobraz(document.getElementById('lokalizace').probihaSQL.value, stavovePole);
franta-hg@24:         ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
franta-hg@19:         ajax.onreadystatechange = function() {
franta-hg@19:             if (ajax.readyState == 4) {
franta-hg@22:                 zobraz(ajax.responseText, vystupniPole);
franta-hg@22:                 zobraz('', stavovePole);
franta-hg@19:             }
franta-hg@19:         };
franta-hg@2:         ajax.send(null);
franta-hg@2:     }
franta-hg@39:     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@5:     if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@48:         zobraz(document.getElementById('lokalizace').probihaHistorie.value, stavovePole);
franta-hg@24:         ajax.open("POST", 'ajax.jspx?akce=historie', true);
franta-hg@19:         ajax.onreadystatechange = function() {
franta-hg@19:             if (ajax.readyState == 4) {
franta-hg@22:                 zobraz(ajax.responseText, vystupniPole);
franta-hg@22:                 zobraz('', stavovePole);
franta-hg@19:             }
franta-hg@19:         };
franta-hg@5:         ajax.send(null);
franta-hg@5:     }
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@38:     ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
franta-hg@38: }
franta-hg@38: 
franta-hg@38: function ajaxPruvodceZpet() {
franta-hg@42:     /** TODO: historie navigace */
franta-hg@42:     alert('Tato funkce se teprve připravuje.');
franta-hg@38: }
franta-hg@38: 
franta-hg@38: function ajaxPruvodceVpred() {
franta-hg@42:     /** TODO: historie navigace */
franta-hg@42:     alert('Tato funkce se teprve připravuje.');
franta-hg@38: }
franta-hg@38: 
franta-hg@38: function ajaxPruvodceNasledujici() {
franta-hg@38:     ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
franta-hg@38: }
franta-hg@38: 
franta-hg@38: function ajaxPruvodceKod(kod) {
franta-hg@38:     ajaxPruvodceNaviguj('podleKodu', 0, kod);
franta-hg@38: }
franta-hg@38: 
franta-hg@38: function ajaxPruvodceId(id) {
franta-hg@38:     ajaxPruvodceNaviguj('podleId', id, null);
franta-hg@38: 
franta-hg@38: }
franta-hg@38: 
franta-hg@50: function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {
franta-hg@38:     if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@38:         ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
franta-hg@38:         ajax.onreadystatechange = function() {
franta-hg@38:             if (ajax.readyState == 4) {
franta-hg@38:                 zobraz(ajax.responseText, napovedniPole);
franta-hg@39:                 /** Uložíme si do paměti ID aktuální stránky */
franta-hg@58:                 if (document.getElementById('pruvodceData')) {
franta-hg@58:                     pruvodceAktualniId = document.getElementById('pruvodceData').id.value;
franta-hg@38:                 } else {
franta-hg@38:                     pruvodceAktualniId = 0;
franta-hg@38:                 }
franta-hg@39:                 /** Změníme URL v prohlížeči */
franta-hg@40:                 urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId);
franta-hg@39:                 ulozURL();
franta-hg@49:                 sestavStromy();
franta-hg@60:                 aktivujPruvodce();
franta-hg@57:             }
franta-hg@38:         };
franta-hg@38:         ajax.send(null);
franta-hg@38:     }
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@39:     parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
franta-hg@39:     //var regexS = "[\\?&]"+parametr+"=([^&#]*)";
franta-hg@45:     var regexS = "[\\#&]"+parametr+"=([^&]*)";
franta-hg@39:     var regex = new RegExp( regexS );
franta-hg@39:     var results = regex.exec(window.location.hash);
franta-hg@39:     if( results == null )
franta-hg@39:         return "";
franta-hg@39:     else
franta-hg@39:         return decodeURIComponent(results[1]);
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@39:     if (urlOdkaz['pruvodce']) {
franta-hg@39:         window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());
franta-hg@39:     } else {
franta-hg@39:         window.location.hash = 'sql=' + encodeURIComponent(getSQL());
franta-hg@39:     }
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@40:     /** Načteme uživatelův SQL příkaz z URL do vstupního pole */
franta-hg@42:     if (getParametr('sql')) {
franta-hg@39:         zobraz(getParametr('sql'), vstupniPole);
franta-hg@39:     }
franta-hg@40:     
franta-hg@40:     /** Načteme pozici v nápovědě */
franta-hg@40:     if (getParametr('pruvodce')) {
franta-hg@40:         ajaxPruvodceId(getParametr('pruvodce'));
franta-hg@40:     } else {
franta-hg@40:         ajaxPruvodceKod('vitejte');
franta-hg@40:     }
franta-hg@39: }
franta-hg@39: 
franta-hg@39: window.onload = function() {
franta-hg@42:     nactiURL();
franta-hg@60: }
franta-hg@60: 
franta-hg@60: /**
franta-hg@60:  * Přidá <pre> 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@60:  */
franta-hg@60: function aktivujPruvodce() {
franta-hg@60:     elementy = document.getElementsByTagName("pre");
franta-hg@60:     for (var i = 0; i < elementy.length; i++) {
franta-hg@60:         if (elementy[i].parentNode.id == napovedniPole) {
franta-hg@60:             elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;
franta-hg@60:             elementy[i].onclick = function() {
franta-hg@60:                 zobraz(this.innerHTML, 'vstupniPole');
franta-hg@60:                 return true;
franta-hg@60:             };
franta-hg@60:         }
franta-hg@60:     }
franta-hg@60: }
franta-hg@60: 
franta-hg@60: /**
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@60:     var vysledek = text;
franta-hg@60:     vysledek = vysledek.replace('&lt;', '<', 'g');
franta-hg@60:     vysledek = vysledek.replace('&gt;', '>', 'g');
franta-hg@60:     vysledek = vysledek.replace('&amp;', '&', 'g');
franta-hg@60:     return vysledek;
franta-hg@60: 
franta-hg@60: }