root/java/sql-vyuka/web/hlavni.js @ 41:28b38fb1391b

/** ID html prvků */
const vstupniPole = 'vstupniPole';
const vystupniPole = 'vystupniPole';
const napovedniPole = 'napovedniPole';
const stavovePole = 'stavovePole';


/**
 * Aby to fungovalo i v MSIE 6.
 * @return AJAXový objekt.
 */
function getXmlHttpRequestObject() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        alert(document.lokalizace.nepodporovany.value);
        return null;
    }
}


/** Náš AJAXový objekt. */
var ajax = getXmlHttpRequestObject();


/**
 * Vrací vstup od uživatele.
 * @return SQL příkaz zadaný uživatelem.
 **/
function getSQL() {
    return document.aplikace.vstupniPole.value;
}


/**
 * Zobrazí text na požadovaném místě.
 * @param text text k zobrazení. V případě formulářů prostý text, v ostatních případech HTML text.
 * @param kde id prvku, do kterého se má text vypsat.
 **/
function zobraz(text, kde) {
    if (kde == vstupniPole) {
        document.aplikace.vstupniPole.value = text;
    } else if (kde == stavovePole)  {
        document.aplikace.stavovePole.value = text;
    } else {
        document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
    }
}


/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
function ajaxVykonatSQL() {
    if (ajax.readyState == 4 || ajax.readyState == 0) {
        zobraz(document.lokalizace.probihaSQL.value, stavovePole);
        ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
        ajax.onreadystatechange = function() {
            if (ajax.readyState == 4) {
                zobraz(ajax.responseText, vystupniPole);
                zobraz('', stavovePole);
            }
        };
        ajax.send(null);
    }
    ulozURL();
}


/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
function ajaxZobrazitHistorii() {
    if (ajax.readyState == 4 || ajax.readyState == 0) {
        zobraz(document.lokalizace.probihaHistorie.value, stavovePole);
        ajax.open("POST", 'ajax.jspx?akce=historie', true);
        ajax.onreadystatechange = function() {
            if (ajax.readyState == 4) {
                zobraz(ajax.responseText, vystupniPole);
                zobraz('', stavovePole);
            }
        };
        ajax.send(null);
    }
}

var pruvodceAktualniId = 0;
var urlOdkaz = new Array();
urlOdkaz['pruvodce'] = null;

function ajaxPruvodcePredchozi() {
    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
}

function ajaxPruvodceZpet() {
    try {
        window.back();
    } catch (e) { }
}

function ajaxPruvodceVpred() {
    try {
        window.forward();
    } catch (e) { }
}

function ajaxPruvodceNasledujici() {
    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
}

function ajaxPruvodceKod(kod) {
    ajaxPruvodceNaviguj('podleKodu', 0, kod);
}

function ajaxPruvodceId(id) {
    ajaxPruvodceNaviguj('podleId', id, null);

}

function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {
    navigaceProhlizecem = false;
    if (ajax.readyState == 4 || ajax.readyState == 0) {
        ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
        ajax.onreadystatechange = function() {
            if (ajax.readyState == 4) {
                zobraz(ajax.responseText, napovedniPole);
                /** Uložíme si do paměti ID aktuální stránky */
                if (document.pruvodceData) {
                    pruvodceAktualniId = document.pruvodceData.id.value
                } else {
                    pruvodceAktualniId = 0;
                }
                /** Změníme URL v prohlížeči */
                urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId);
                ulozURL();
            }
        };
        ajax.send(null);
    }
}

/**
 * Parametry si ukládáme za # do URL (window.location.hash)
 * Můžeme měnit URL, aniž by prohlížeč obnovoval stránku.
 * Uživatel si může URL zkopírovat a obnovit si příště stav aplikace.
 * @param parametr jméno parametru, který hledáme
 * @return hodnota parametr
 */
function getParametr(parametr) {
    parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    //var regexS = "[\\?&]"+parametr+"=([^&#]*)";
    var regexS = "[\\#&]"+parametr+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec(window.location.hash);
    if( results == null )
        return "";
    else
        return decodeURIComponent(results[1]);
}

/**
 * Uloží parametry (jako je SQL příkaz a stránka průvodce) do URL (za #),
 * aby si uživatel mohl URL zkopírovat a příště si obnovit stav aplikace.
 */
function ulozURL() {
    if (urlOdkaz['pruvodce']) {
        window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());
    } else {
        window.location.hash = 'sql=' + encodeURIComponent(getSQL());
    }
}

/**
 * Načte uloženou pozici průvodce.
 */
function nactiURL() {
    nactiURL(false);
}

/**
 * Načte uložený stav aplikace z URL (SQL příkaz, průvodce).
 */
function nactiURL(nacistSQL) {
    /** Načteme uživatelův SQL příkaz z URL do vstupního pole */
    if (nacistSQL && getParametr('sql')) {
        zobraz(getParametr('sql'), vstupniPole);
    }
    
    /** Načteme pozici v nápovědě */
    if (getParametr('pruvodce')) {
        ajaxPruvodceId(getParametr('pruvodce'));
    } else {
        ajaxPruvodceKod('vitejte');
    }
}

window.onload = function() {
    nactiURL(true);
}

var locationHash = location.hash;
var navigaceProhlizecem = false;

setInterval(function() {
    if (location.hash != locationHash) {
        if (navigaceProhlizecem) {
            nactiURL();
        }
        navigaceProhlizecem = false;
        locationHash = location.hash;
    }
}, 200);