html/index.html
author František Kučera <franta-hg@frantovo.cz>
Tue, 04 Aug 2009 23:55:30 +0200
changeset 66 9cee296a3c94
parent 34 8a75d9b4f88a
permissions -rw-r--r--
Historie – lepší implementace. Fungují javascriptová tlačítka. Nefungují tlačítka v prohlížeči.
(ale obešli jsme se bez nekonečné smyčky)
franta-hg@0
     1
<?xml version="1.0" encoding="UTF-8"?>
franta-hg@0
     2
<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
franta-hg@0
     3
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
franta-hg@0
     4
    <head>
franta-hg@0
     5
        <meta http-equiv="content-language" content="cs"/>
franta-hg@0
     6
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
franta-hg@0
     7
        <link href="styl.css" type="text/css" rel="StyleSheet"/>
franta-hg@2
     8
        <script type="text/javaScript" src="hlavni.js"></script>
franta-hg@5
     9
        <title>SQL: tenhle jazyk tě bude bavit!</title>
franta-hg@0
    10
    </head>
franta-hg@0
    11
    <body>
franta-hg@5
    12
        <div id="zahlavi"><h1>SQL: tenhle jazyk tě bude bavit!</h1></div>
franta-hg@0
    13
franta-hg@0
    14
        <div id="bloky">
franta-hg@0
    15
            <div class ="blok" id="napoveda">
franta-hg@0
    16
                <h2>Nápověda</h2>
franta-hg@0
    17
                <div class="vnitrekBloku">
franta-hg@2
    18
                    <p id="napovedniPole">lorem ipsum, nějaký text, něco jako latina, ale jiné…</p>
franta-hg@34
    19
franta-hg@34
    20
                </div>
franta-hg@34
    21
                <div id="navigace">
franta-hg@34
    22
                    <form action="###">
franta-hg@34
    23
                        <button class="predchozi" title="Předchozí lekce">&nbsp;</button>
franta-hg@34
    24
                        <button class="zpet" title="Zpět v historii">&nbsp;</button>
franta-hg@34
    25
                        <button class="pruvodce" title="Průvodce">&nbsp;</button>
franta-hg@34
    26
                        <button class="model" title="Mode databáze">&nbsp;</button>
franta-hg@34
    27
                        <button class="vpred" title="Vpřed v historii">&nbsp;</button>
franta-hg@34
    28
                        <button class="nasledujici" title="Následující lekce">&nbsp;</button>
franta-hg@34
    29
                    </form>
franta-hg@34
    30
franta-hg@0
    31
                </div>
franta-hg@0
    32
            </div>
franta-hg@0
    33
franta-hg@0
    34
franta-hg@0
    35
            <div id="io">
franta-hg@0
    36
franta-hg@0
    37
                <div class ="blok" id="vstup">
franta-hg@0
    38
                    <h2>Zadávání SQL příkazů</h2>
franta-hg@0
    39
                    <div class="vnitrekBloku">
franta-hg@7
    40
                        <form action="#">
franta-hg@7
    41
                            <fieldset>
franta-hg@7
    42
                                <textarea id="vstupniPole" rows="100" cols="1000">SELECT * FROM tabulka;</textarea>
franta-hg@7
    43
                                <button class="zobrazitHistorii"
franta-hg@7
    44
                                        name="zobrazitHistorii"
franta-hg@7
    45
                                        title="Vypíše historii SQL příkazů."
franta-hg@7
    46
                                        type="button"
franta-hg@7
    47
                                        onclick="javascript:ajaxZobrazitHistorii();">&nbsp;</button>
franta-hg@7
    48
                                <button class="vykonatSQL"
franta-hg@7
    49
                                        name="vykonatSQL"
franta-hg@7
    50
                                        title="Vykoná zadaný SQL příkaz."
franta-hg@7
    51
                                        type="button"
franta-hg@7
    52
                                        onclick="javascript:ajaxVykonatSQL();">&nbsp;</button>
franta-hg@7
    53
                            </fieldset>
franta-hg@0
    54
                        </form>
franta-hg@0
    55
                    </div>
franta-hg@0
    56
                </div>
franta-hg@0
    57
franta-hg@0
    58
franta-hg@0
    59
franta-hg@0
    60
franta-hg@0
    61
franta-hg@0
    62
                <div class ="blok" id="vystup">
franta-hg@0
    63
                    <h2>Výsledek</h2>
franta-hg@2
    64
                    <div class="vnitrekBloku" id="vystupniPole">
franta-hg@0
    65
                        <p>
franta-hg@0
    66
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    67
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    68
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    69
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    70
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    71
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    72
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    73
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    74
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    75
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    76
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    77
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    78
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    79
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    80
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    81
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    82
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    83
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    84
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    85
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    86
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    87
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    88
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    89
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    90
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    91
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    92
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    93
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    94
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    95
                            lorem ipsum, nějaký text, něco jako latina, ale jiné…
franta-hg@0
    96
                        </p>
franta-hg@0
    97
                    </div>
franta-hg@0
    98
                </div>
franta-hg@0
    99
            </div>
franta-hg@0
   100
franta-hg@0
   101
        </div>
franta-hg@0
   102
franta-hg@0
   103
    </body>
franta-hg@0
   104
</html>