Index: tml/ahoj.html =================================================================== --- html/ahoj.html (revision 4:49903d1fe188) +++ (revision ) @@ -1,88 +1,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Sloupeček 1Sloupeček 2Sloupeček 3Sloupeček 4
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
-

Ahoj. Právě jsi zmáčknul tlačítko :-)

-

Tohle se zobrazí při varování.

-

A tohle, když se něco nepovede.

-

„Nějaký pěkný tip, citát, nebo odkaz na stránku.“

Index: html/historie.html =================================================================== --- html/historie.html (revision 5:71c6de7f0a38) +++ html/historie.html (revision 5:71c6de7f0a38) @@ -0,0 +1,26 @@ +
+ + + + + + + + + + + + + + + + + + + + + +
KdySQL příkaz
2008-05-24 16:00:08SELECT * FROM tabulka WHERE id = 123;
2008-05-24 15:55:10SELECT * FROM tabulka WHERE id = 123 ORDER BY datum DESC;
2008-05-24 15:51:28SELECT *
FROM tabulka
JOIN druha_tabulka USING (email)
WHERE id = 8;
+

Toto je historie provedených SQL příkazů.

+

„Nějaký pěkný tip, citát, nebo odkaz na stránku.“

+
Index: html/hlavni.js =================================================================== --- html/hlavni.js (revision 4:49903d1fe188) +++ html/hlavni.js (revision 5:71c6de7f0a38) @@ -49,4 +49,13 @@ /** + * Zobrazí text ve vstupním poli. + * Požijeme pro načtení SQL příkazu z historie. + * @param text text k zobrazení + **/ +function zobrazVstup(text) { + zobraz(text, vstupniPole); +} + +/** * Zobrazí text ve poli pro nápovědu. * @param text text k zobrazení @@ -57,8 +66,8 @@ /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */ -function demo() { +function ajaxVykonatSQL() { if (ajax.readyState == 4 || ajax.readyState == 0) { ajax.open("GET", 'ahoj.html', true); - ajax.onreadystatechange = demoVypis; + ajax.onreadystatechange = vykonatSQLVypis; ajax.send(null); } @@ -68,7 +77,24 @@ /** Pomocná funkce – postará se o vypsání v pravou chvíli. */ -function demoVypis() { +function vykonatSQLVypis() { if (ajax.readyState == 4) { zobrazVystup(ajax.responseText); } } + + +/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */ +function ajaxZobrazitHistorii() { + if (ajax.readyState == 4 || ajax.readyState == 0) { + ajax.open("GET", 'historie.html', true); + ajax.onreadystatechange = zobrazitHistoriiVypis; + ajax.send(null); + } +} + +/** Pomocná funkce – postará se o vypsání v pravou chvíli. */ +function zobrazitHistoriiVypis() { + if (ajax.readyState == 4) { + zobrazVystup(ajax.responseText); + } +} Index: html/index.html =================================================================== --- html/index.html (revision 4:49903d1fe188) +++ html/index.html (revision 5:71c6de7f0a38) @@ -7,8 +7,8 @@ - SQL: pojďte si hrát! + SQL: tenhle jazyk tě bude bavit! -

SQL: pojďte si hrát!

+

SQL: tenhle jazyk tě bude bavit!

@@ -28,5 +28,14 @@
- + +
@@ -80,4 +89,2 @@ - - Index: html/licence.txt =================================================================== --- html/licence.txt (revision 5:71c6de7f0a38) +++ html/licence.txt (revision 5:71c6de7f0a38) @@ -0,0 +1,5 @@ +Tento HTML návrh aplikace „SQL Výuka“ není šířen pod žádnou zvláštní licencí. +Nejste tedy oprávněni ho volně použít. +Až výsledná aplikace bude svobodný software s jasně určenou licencí. + +František Kučera Index: html/styl.css =================================================================== --- html/styl.css (revision 4:49903d1fe188) +++ html/styl.css (revision 5:71c6de7f0a38) @@ -13,4 +13,5 @@ body { font-family: sans-serif; + font-size: 12px; } @@ -57,12 +58,23 @@ #vstup button { - width: 146px; height: 20px; border: none; - background-image: url('grafika/tlacitko-sql.png'); margin-right: 0px; margin-top: 5px; padding: 0px; cursor: pointer; + background-repeat: no-repeat; +} + +#vstup button.zobrazitHistorii { + background-image: url('grafika/historie.png'); + background-color: transparent; + background-position: center; + width: 20px; +} + +#vstup button.vykonatSQL { + background-image: url('grafika/tlacitko-sql.png'); + width: 146px; } @@ -120,4 +132,6 @@ border: 1px solid green; border-collapse:collapse; + background-color: white; + margin: 3px; } @@ -127,4 +141,5 @@ padding-left: 8px; padding-right: 8px; + vertical-align: top; } @@ -134,6 +149,9 @@ thead { - background: silver; + background: gray; font-weight:bold; + background-image: url('grafika/tabulka-zahlavi.png'); + background-repeat: repeat-x; + height: 28px; } @@ -141,4 +159,8 @@ color: black; text-decoration: none; +} + +thead td { + vertical-align: middle; } Index: html/vysledek.html =================================================================== --- html/vysledek.html (revision 5:71c6de7f0a38) +++ html/vysledek.html (revision 5:71c6de7f0a38) @@ -0,0 +1,90 @@ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sloupeček 1Sloupeček 2Sloupeček 3Sloupeček 4
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
Hodnota 1Hodnota 2Hodnota 31234,56
+

Ahoj. Právě jsi zmáčknul tlačítko „Vykonat SQL“ :-)

+

Tohle se zobrazí při varování.

+

A tohle, když se něco nepovede.

+

„Nějaký pěkný tip, citát, nebo odkaz na stránku.“

+