java/sql-vyuka/web/hlavni.js
author František Kučera <franta-hg@frantovo.cz>
Tue Jun 02 02:47:47 2009 +0200 (2009-06-02)
changeset 39 47551a506850
parent 38 0a865a665698
child 40 cc77526f46cf
permissions -rw-r--r--
Do URL (za #) ukládáme aktuální SQL příkaz → uživatel si může zkopírovat URL a obnovit si jinde stav aplikace.
Nefunguje pro prohlížeči Konqueror.
franta-hg@3
     1
/** ID html prvků */
franta-hg@3
     2
const vstupniPole = 'vstupniPole';
franta-hg@3
     3
const vystupniPole = 'vystupniPole';
franta-hg@3
     4
const napovedniPole = 'napovedniPole';
franta-hg@20
     5
const stavovePole = 'stavovePole';
franta-hg@3
     6
franta-hg@3
     7
franta-hg@2
     8
/**
franta-hg@2
     9
 * Aby to fungovalo i v MSIE 6.
franta-hg@2
    10
 * @return AJAXový objekt.
franta-hg@2
    11
 */
franta-hg@2
    12
function getXmlHttpRequestObject() {
franta-hg@2
    13
    if (window.XMLHttpRequest) {
franta-hg@2
    14
        return new XMLHttpRequest();
franta-hg@2
    15
    } else if(window.ActiveXObject) {
franta-hg@2
    16
        return new ActiveXObject("Microsoft.XMLHTTP");
franta-hg@2
    17
    } else {
franta-hg@22
    18
        alert(document.lokalizace.nepodporovany.value);
franta-hg@2
    19
        return null;
franta-hg@2
    20
    }
franta-hg@2
    21
}
franta-hg@2
    22
franta-hg@22
    23
franta-hg@2
    24
/** Náš AJAXový objekt. */
franta-hg@2
    25
var ajax = getXmlHttpRequestObject();
franta-hg@2
    26
franta-hg@22
    27
franta-hg@2
    28
/**
franta-hg@3
    29
 * Vrací vstup od uživatele.
franta-hg@3
    30
 * @return SQL příkaz zadaný uživatelem.
franta-hg@3
    31
 **/
franta-hg@3
    32
function getSQL() {
franta-hg@11
    33
    return document.aplikace.vstupniPole.value;
franta-hg@3
    34
}
franta-hg@3
    35
franta-hg@22
    36
franta-hg@3
    37
/**
franta-hg@2
    38
 * Zobrazí text na požadovaném místě.
franta-hg@22
    39
 * @param text text k zobrazení. V případě formulářů prostý text, v ostatních případech HTML text.
franta-hg@22
    40
 * @param kde id prvku, do kterého se má text vypsat.
franta-hg@2
    41
 **/
franta-hg@2
    42
function zobraz(text, kde) {
franta-hg@19
    43
    if (kde == vstupniPole) {
franta-hg@19
    44
        document.aplikace.vstupniPole.value = text;
franta-hg@20
    45
    } else if (kde == stavovePole)  {
franta-hg@20
    46
        document.aplikace.stavovePole.value = text;
franta-hg@19
    47
    } else {
franta-hg@19
    48
        document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
franta-hg@19
    49
    }
franta-hg@2
    50
}
franta-hg@2
    51
franta-hg@2
    52
franta-hg@2
    53
/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
franta-hg@5
    54
function ajaxVykonatSQL() {
franta-hg@2
    55
    if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@22
    56
        zobraz(document.lokalizace.probihaSQL.value, stavovePole);
franta-hg@24
    57
        ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
franta-hg@19
    58
        ajax.onreadystatechange = function() {
franta-hg@19
    59
            if (ajax.readyState == 4) {
franta-hg@22
    60
                zobraz(ajax.responseText, vystupniPole);
franta-hg@22
    61
                zobraz('', stavovePole);
franta-hg@19
    62
            }
franta-hg@19
    63
        };
franta-hg@2
    64
        ajax.send(null);
franta-hg@2
    65
    }
franta-hg@39
    66
    ulozURL();
franta-hg@2
    67
}
franta-hg@5
    68
franta-hg@5
    69
franta-hg@5
    70
/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
franta-hg@5
    71
function ajaxZobrazitHistorii() {
franta-hg@5
    72
    if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@22
    73
        zobraz(document.lokalizace.probihaHistorie.value, stavovePole);
franta-hg@24
    74
        ajax.open("POST", 'ajax.jspx?akce=historie', true);
franta-hg@19
    75
        ajax.onreadystatechange = function() {
franta-hg@19
    76
            if (ajax.readyState == 4) {
franta-hg@22
    77
                zobraz(ajax.responseText, vystupniPole);
franta-hg@22
    78
                zobraz('', stavovePole);
franta-hg@19
    79
            }
franta-hg@19
    80
        };
franta-hg@5
    81
        ajax.send(null);
franta-hg@5
    82
    }
franta-hg@5
    83
}
franta-hg@38
    84
franta-hg@38
    85
var pruvodceAktualniId = 0;
franta-hg@39
    86
var urlOdkaz = new Array();
franta-hg@39
    87
urlOdkaz['pruvodce'] = null;
franta-hg@38
    88
franta-hg@38
    89
function ajaxPruvodcePredchozi() {
franta-hg@38
    90
    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
franta-hg@38
    91
}
franta-hg@38
    92
franta-hg@38
    93
function ajaxPruvodceZpet() {
franta-hg@38
    94
    /** TODO: historie navigace */
franta-hg@38
    95
    alert('Tato funkce se teprve připravuje.');
franta-hg@38
    96
}
franta-hg@38
    97
franta-hg@38
    98
function ajaxPruvodceVpred() {
franta-hg@38
    99
    /** TODO: historie navigace */
franta-hg@38
   100
    alert('Tato funkce se teprve připravuje.');
franta-hg@38
   101
}
franta-hg@38
   102
franta-hg@38
   103
function ajaxPruvodceNasledujici() {
franta-hg@38
   104
    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
franta-hg@38
   105
}
franta-hg@38
   106
franta-hg@38
   107
function ajaxPruvodceKod(kod) {
franta-hg@38
   108
    ajaxPruvodceNaviguj('podleKodu', 0, kod);
franta-hg@38
   109
}
franta-hg@38
   110
franta-hg@38
   111
function ajaxPruvodceId(id) {
franta-hg@38
   112
    ajaxPruvodceNaviguj('podleId', id, null);
franta-hg@38
   113
franta-hg@38
   114
}
franta-hg@38
   115
franta-hg@38
   116
function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {    
franta-hg@38
   117
    if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@38
   118
        ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
franta-hg@38
   119
        ajax.onreadystatechange = function() {
franta-hg@38
   120
            if (ajax.readyState == 4) {
franta-hg@38
   121
                zobraz(ajax.responseText, napovedniPole);
franta-hg@39
   122
                /** Uložíme si do paměti ID aktuální stránky */
franta-hg@38
   123
                if (document.pruvodceData) {
franta-hg@38
   124
                    pruvodceAktualniId = document.pruvodceData.id.value
franta-hg@38
   125
                } else {
franta-hg@38
   126
                    pruvodceAktualniId = 0;
franta-hg@38
   127
                }
franta-hg@39
   128
                /** Změníme URL v prohlížeči */
franta-hg@39
   129
                urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod);
franta-hg@39
   130
                ulozURL();
franta-hg@38
   131
            }
franta-hg@38
   132
        };
franta-hg@38
   133
        ajax.send(null);
franta-hg@38
   134
    }
franta-hg@38
   135
}
franta-hg@39
   136
franta-hg@39
   137
/**
franta-hg@39
   138
 * @param parametr jméno parametru, který hledáme
franta-hg@39
   139
 * @return hodnota parametr
franta-hg@39
   140
 */
franta-hg@39
   141
function getParametr(parametr) {
franta-hg@39
   142
    parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
franta-hg@39
   143
    //var regexS = "[\\?&]"+parametr+"=([^&#]*)";
franta-hg@39
   144
    var regexS = "[\\#&]"+parametr+"=([^&#]*)";
franta-hg@39
   145
    var regex = new RegExp( regexS );
franta-hg@39
   146
    var results = regex.exec(window.location.hash);
franta-hg@39
   147
    if( results == null )
franta-hg@39
   148
        return "";
franta-hg@39
   149
    else
franta-hg@39
   150
        return decodeURIComponent(results[1]);
franta-hg@39
   151
}
franta-hg@39
   152
franta-hg@39
   153
/**
franta-hg@39
   154
 * Uloží parametry (jako je SQL příkaz a stránka průvodce) do URL (za #),
franta-hg@39
   155
 * aby si uživatel mohl URL zkopírovat a příště si obnovit stav aplikace.
franta-hg@39
   156
 */
franta-hg@39
   157
function ulozURL() {
franta-hg@39
   158
    if (urlOdkaz['pruvodce']) {
franta-hg@39
   159
        window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());
franta-hg@39
   160
    } else {
franta-hg@39
   161
        window.location.hash = 'sql=' + encodeURIComponent(getSQL());
franta-hg@39
   162
    }
franta-hg@39
   163
}
franta-hg@39
   164
/**
franta-hg@39
   165
 * Načte uložený stav aplikace z URL (SQL příkaz, průvodce).
franta-hg@39
   166
 */
franta-hg@39
   167
function nactiURL() {
franta-hg@39
   168
    if (getParametr('sql')) {
franta-hg@39
   169
        zobraz(getParametr('sql'), vstupniPole);
franta-hg@39
   170
    }
franta-hg@39
   171
}
franta-hg@39
   172
franta-hg@39
   173
window.onload = function() {
franta-hg@39
   174
    nactiURL();
franta-hg@39
   175
}