java/sql-vyuka/web/hlavni.js
author František Kučera <franta-hg@frantovo.cz>
Tue Jun 02 01:36:17 2009 +0200 (2009-06-02)
changeset 38 0a865a665698
parent 24 dceaaefb1946
child 39 47551a506850
permissions -rw-r--r--
Průvodce: JavaScript, HTML, CSS.
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@2
    66
}
franta-hg@5
    67
franta-hg@5
    68
franta-hg@5
    69
/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
franta-hg@5
    70
function ajaxZobrazitHistorii() {
franta-hg@5
    71
    if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@22
    72
        zobraz(document.lokalizace.probihaHistorie.value, stavovePole);
franta-hg@24
    73
        ajax.open("POST", 'ajax.jspx?akce=historie', true);
franta-hg@19
    74
        ajax.onreadystatechange = function() {
franta-hg@19
    75
            if (ajax.readyState == 4) {
franta-hg@22
    76
                zobraz(ajax.responseText, vystupniPole);
franta-hg@22
    77
                zobraz('', stavovePole);
franta-hg@19
    78
            }
franta-hg@19
    79
        };
franta-hg@5
    80
        ajax.send(null);
franta-hg@5
    81
    }
franta-hg@5
    82
}
franta-hg@38
    83
franta-hg@38
    84
var pruvodceAktualniId = 0;
franta-hg@38
    85
franta-hg@38
    86
function ajaxPruvodcePredchozi() {
franta-hg@38
    87
    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
franta-hg@38
    88
}
franta-hg@38
    89
franta-hg@38
    90
function ajaxPruvodceZpet() {
franta-hg@38
    91
    /** TODO: historie navigace */
franta-hg@38
    92
    alert('Tato funkce se teprve připravuje.');
franta-hg@38
    93
}
franta-hg@38
    94
franta-hg@38
    95
function ajaxPruvodceVpred() {
franta-hg@38
    96
    /** TODO: historie navigace */
franta-hg@38
    97
    alert('Tato funkce se teprve připravuje.');
franta-hg@38
    98
}
franta-hg@38
    99
franta-hg@38
   100
function ajaxPruvodceNasledujici() {
franta-hg@38
   101
    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
franta-hg@38
   102
}
franta-hg@38
   103
franta-hg@38
   104
function ajaxPruvodceKod(kod) {
franta-hg@38
   105
    ajaxPruvodceNaviguj('podleKodu', 0, kod);
franta-hg@38
   106
}
franta-hg@38
   107
franta-hg@38
   108
function ajaxPruvodceId(id) {
franta-hg@38
   109
    ajaxPruvodceNaviguj('podleId', id, null);
franta-hg@38
   110
franta-hg@38
   111
}
franta-hg@38
   112
franta-hg@38
   113
function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {    
franta-hg@38
   114
    if (ajax.readyState == 4 || ajax.readyState == 0) {
franta-hg@38
   115
        ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
franta-hg@38
   116
        ajax.onreadystatechange = function() {
franta-hg@38
   117
            if (ajax.readyState == 4) {
franta-hg@38
   118
                zobraz(ajax.responseText, napovedniPole);
franta-hg@38
   119
                if (document.pruvodceData) {
franta-hg@38
   120
                    pruvodceAktualniId = document.pruvodceData.id.value
franta-hg@38
   121
                } else {
franta-hg@38
   122
                    pruvodceAktualniId = 0;
franta-hg@38
   123
                }
franta-hg@38
   124
            }
franta-hg@38
   125
        };
franta-hg@38
   126
        ajax.send(null);
franta-hg@38
   127
    }
franta-hg@38
   128
// TODO: změnit URL
franta-hg@38
   129
}