# HG changeset patch # User František Kučera # Date 1243117488 -7200 # Node ID 71c6de7f0a381bfa9d158d8437dd617bd525aa7b # Parent 49903d1fe188718d14181dda35cafdefa723c962 Licence (žádná), historie SQL příkazů, drobnosti v CSS. diff -r 49903d1fe188 -r 71c6de7f0a38 html/ahoj.html --- a/html/ahoj.html Sat May 23 21:33:25 2009 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,88 +0,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.“

diff -r 49903d1fe188 -r 71c6de7f0a38 html/grafika/historie.png Binary file html/grafika/historie.png has changed diff -r 49903d1fe188 -r 71c6de7f0a38 html/grafika/tabulka-zahlavi.png Binary file html/grafika/tabulka-zahlavi.png has changed diff -r 49903d1fe188 -r 71c6de7f0a38 html/historie.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/html/historie.html Sun May 24 00:24:48 2009 +0200 @@ -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.“

+
\ No newline at end of file diff -r 49903d1fe188 -r 71c6de7f0a38 html/hlavni.js --- a/html/hlavni.js Sat May 23 21:33:25 2009 +0200 +++ b/html/hlavni.js Sun May 24 00:24:48 2009 +0200 @@ -48,6 +48,15 @@ } /** + * 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í **/ @@ -56,10 +65,10 @@ } /** 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); } //zobrazNapovedu('Nějaká nápověda k danému příkazu.'); @@ -67,8 +76,25 @@ } /** 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); + } +} diff -r 49903d1fe188 -r 71c6de7f0a38 html/index.html --- a/html/index.html Sat May 23 21:33:25 2009 +0200 +++ b/html/index.html Sun May 24 00:24:48 2009 +0200 @@ -6,10 +6,10 @@ - SQL: pojďte si hrát! + SQL: tenhle jazyk tě bude bavit! -

SQL: pojďte si hrát!

+

SQL: tenhle jazyk tě bude bavit!

@@ -27,7 +27,16 @@
- + +
@@ -79,5 +88,3 @@ - - diff -r 49903d1fe188 -r 71c6de7f0a38 html/licence.txt --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/html/licence.txt Sun May 24 00:24:48 2009 +0200 @@ -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 diff -r 49903d1fe188 -r 71c6de7f0a38 html/styl.css --- a/html/styl.css Sat May 23 21:33:25 2009 +0200 +++ b/html/styl.css Sun May 24 00:24:48 2009 +0200 @@ -12,6 +12,7 @@ /** Bezpatkové písmo */ body { font-family: sans-serif; + font-size: 12px; } /** Prostor pro logo a název programu */ @@ -56,14 +57,25 @@ } #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; } #vystup .vnitrekBloku { @@ -119,6 +131,8 @@ table { border: 1px solid green; border-collapse:collapse; + background-color: white; + margin: 3px; } td { @@ -126,6 +140,7 @@ padding: 4px; padding-left: 8px; padding-right: 8px; + vertical-align: top; } td.cislo { @@ -133,8 +148,11 @@ } thead { - background: silver; + background: gray; font-weight:bold; + background-image: url('grafika/tabulka-zahlavi.png'); + background-repeat: repeat-x; + height: 28px; } thead td a { @@ -142,6 +160,10 @@ text-decoration: none; } +thead td { + vertical-align: middle; +} + /** Ikonky pro zprávu k výsledku */ #vystupniPole p { background-repeat: no-repeat; diff -r 49903d1fe188 -r 71c6de7f0a38 html/vysledek.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/html/vysledek.html Sun May 24 00:24:48 2009 +0200 @@ -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.“

+
\ No newline at end of file