| 12 | | <div id="zahlavi"><h1>SQL: tenhle jazyk tě bude bavit!</h1></div> |
| 13 | | |
| 14 | | <div id="bloky"> |
| 15 | | <div class ="blok" id="napoveda"> |
| 16 | | <h2>Nápověda</h2> |
| 17 | | <div class="vnitrekBloku"> |
| 18 | | <p id="napovedniPole">lorem ipsum, nějaký text, něco jako latina, ale jiné…</p> |
| 19 | | |
| 20 | | </div> |
| 21 | | <div id="navigace"> |
| 22 | | <form action="###"> |
| 23 | | <button class="predchozi" title="Předchozí lekce"> </button> |
| 24 | | <button class="zpet" title="Zpět v historii"> </button> |
| 25 | | <button class="pruvodce" title="Průvodce"> </button> |
| 26 | | <button class="model" title="Mode databáze"> </button> |
| 27 | | <button class="vpred" title="Vpřed v historii"> </button> |
| 28 | | <button class="nasledujici" title="Následující lekce"> </button> |
| 29 | | </form> |
| 30 | | |
| 31 | | </div> |
| 32 | | </div> |
| 33 | | |
| 34 | | |
| 35 | | <div id="io"> |
| 36 | | |
| 37 | | <div class ="blok" id="vstup"> |
| 38 | | <h2>Zadávání SQL příkazů</h2> |
| 39 | | <div class="vnitrekBloku"> |
| 40 | | <form action="#"> |
| 41 | | <fieldset> |
| 42 | | <textarea id="vstupniPole" rows="100" cols="1000">SELECT * FROM tabulka;</textarea> |
| 43 | | <button class="zobrazitHistorii" |
| 44 | | name="zobrazitHistorii" |
| 45 | | title="Vypíše historii SQL příkazů." |
| 46 | | type="button" |
| 47 | | onclick="javascript:ajaxZobrazitHistorii();"> </button> |
| 48 | | <button class="vykonatSQL" |
| 49 | | name="vykonatSQL" |
| 50 | | title="Vykoná zadaný SQL příkaz." |
| 51 | | type="button" |
| 52 | | onclick="javascript:ajaxVykonatSQL();"> </button> |
| 53 | | </fieldset> |
| 54 | | </form> |
| 55 | | </div> |
| 56 | | </div> |
| 57 | | |
| 58 | | |
| 59 | | |
| 60 | | |
| 61 | | |
| 62 | | <div class ="blok" id="vystup"> |
| 63 | | <h2>Výsledek</h2> |
| 64 | | <div class="vnitrekBloku" id="vystupniPole"> |
| 65 | | <p> |
| 66 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 67 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 68 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 69 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 70 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 71 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 72 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 73 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 74 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 75 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 76 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 77 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 78 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 79 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 80 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 81 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 82 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 83 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 84 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 85 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 86 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 87 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 88 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 89 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 90 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 91 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 92 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 93 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 94 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 95 | | lorem ipsum, nějaký text, něco jako latina, ale jiné… |
| 96 | | </p> |
| 97 | | </div> |
| 98 | | </div> |
| 99 | | </div> |
| 100 | | |
| 101 | | </div> |
| 102 | | |
| | 10 | <h1>Objednávka</h1> |
| | 11 | <form action="/objednavka/" method="post" class="objednavka"> |
| | 12 | <fieldset class="radio"> |
| | 13 | <legend>Zvolte variantu</legend><br /> |
| | 14 | <label><input name="varianta" value="licence" type="radio" />Licence: 1 000 Kč</label><br /> |
| | 15 | <label><input name="varianta" value="licence-instalace" type="radio" />Licence + odborná instalace: 1 500 Kč</label><br /> |
| | 16 | <label><input name="varianta" value="hosting" type="radio" />Hostovaný provoz: 300 Kč za měsíc</label><br /> |
| | 17 | </fieldset> |
| | 18 | <fieldset> |
| | 19 | <legend>Zákazník</legend><br /> |
| | 20 | <label>Název školy: <input name="nazev" maxlength="64" type="text" /></label><br /> |
| | 21 | <label>Ulice: <input name="ulice" maxlength="64" type="text" /></label><br /> |
| | 22 | <label>Město: <input name="mesto" maxlength="64" type="text" /></label><br /> |
| | 23 | <label>PSČ: <input name="psc" maxlength="16" type="text" /></label><br /> |
| | 24 | <label>IČO: <input name="ico" maxlength="64" type="text" /></label><br /> |
| | 25 | </fieldset><br /> |
| | 26 | <fieldset> |
| | 27 | <legend>Kontaktní údaje</legend><br /> |
| | 28 | <label>Komtaktní osoba: <input name="osoba" maxlength="128" type="text" /></label><br /> |
| | 29 | <label>E-mail: <input name="email" maxlength="128" type="text" /></label><br /> |
| | 30 | <textarea name="klic" cols="100" rows="10">pokud chcete šifrovat e-maily, vložte sem svůj veřejný klíč (PGP/GPG nebo X509)</textarea><br /> |
| | 31 | </fieldset> |
| | 32 | <fieldset> |
| | 33 | <legend>Doplňkové údaje</legend><br /> |
| | 34 | <label>Předpokládaný počet uživatelů: <input name="pocetUzivatelu" maxlength="128" type="text" /></label><br /> |
| | 35 | <textarea name="komentar" cols="100" rows="10">komentář (pokud nějaký máte)</textarea> |
| | 36 | </fieldset> |
| | 37 | <fieldset class="tlacitka"> |
| | 38 | <legend>Zadat objednávku</legend><br /> |
| | 39 | <button type="submit">Odeslat objednávku</button><br /> |
| | 40 | </fieldset> |
| | 41 | </form> |
