Changeset 2:26a11fc8e3e4

Show
Ignore:
Timestamp:
05/23/09 20:16:03 (16 years ago)
Author:
František Kučera <franta-hg@…>
Branch:
default
Message:

AJAX – zatím jen demo: načítání tabulky ze souboru do výstupního pole.

Location:
html
Files:
2 added
2 modified

Legend:

Unmodified
Added
Removed
  • html/index.html

    r1 r2  
    66        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    77        <link href="styl.css" type="text/css" rel="StyleSheet"/> 
     8        <script type="text/javaScript" src="hlavni.js"></script> 
    89        <title>SQL: pojďte si hrát!</title> 
    910    </head> 
     
    1516                <h2>Nápověda</h2> 
    1617                <div class="vnitrekBloku"> 
    17                     <p>lorem ipsum, nějaký text, něco jako latina, ale jiné…</p> 
     18                    <p id="napovedniPole">lorem ipsum, nějaký text, něco jako latina, ale jiné…</p> 
    1819                </div> 
    1920            </div> 
     
    2728                        <form> 
    2829                            <textarea>SELECT * FROM tabulka;</textarea> 
    29                             <button type="submit">Vykonat SQL!</button> 
     30                            <button type="button" onclick="javascript:demo();">Vykonat SQL!</button> 
    3031                        </form> 
    3132                    </div> 
     
    3839                <div class ="blok" id="vystup"> 
    3940                    <h2>Výsledek</h2> 
    40                     <div class="vnitrekBloku"> 
     41                    <div class="vnitrekBloku" id="vystupniPole"> 
    4142                        <p> 
    4243                            lorem ipsum, nějaký text, něco jako latina, ale jiné… 
  • html/styl.css

    r1 r2  
     1/** Obrázky s odkazem bez rámečku */ 
    12a img { 
    23    border: none; 
    34} 
    45 
     6/** Pozadí stránky a text */ 
    57html { 
    68    background: #42afdc; 
    79    color:black; 
    810} 
     11 
     12/** Bezpatkové písmo */ 
    913body { 
    1014    font-family: sans-serif; 
    1115} 
    1216 
     17/** Prostor pro logo a název programu */ 
    1318#zahlavi { 
    1419    height: 48px; 
     
    4045#vstup textarea { 
    4146    width: 640px; 
    42     height: 110px; 
     47    height: 108px; 
    4348    padding: 8px; 
     49    border: 1px solid silver; 
    4450} 
    4551 
     
    5157    padding: 2px; 
    5258    font-size: 12px; 
    53     margin-right: 3px; 
     59    margin-right: 0px; 
     60    margin-top: 5px; 
    5461} 
    5562 
     
    6370} 
    6471 
     72/** Nadpisy bloků */ 
    6573.blok h2 { 
    66     font-size: medium; 
     74    font-size: 12px; 
    6775    padding: 2px; 
     76    padding-top: 4px; 
    6877    padding-left: 32px; 
    6978    margin: 0px; 
    7079    color: gray; 
     80    height: 20px; 
    7181} 
    7282 
     
    7585} 
    7686 
     87/** Vstupně-výstupní část */ 
     88#io { 
     89    float: left; 
     90} 
     91 
    7792#io h2 { 
    7893    background-image: url('grafika/blok-nadpis-680.png'); 
    7994} 
    8095 
    81 #io { 
    82     float: left; 
    83 } 
    84  
     96/** Blok vstupu */ 
    8597#vstup { 
    8698    width: 680px; 
    8799} 
    88100 
     101/** Blok výstupu */ 
    89102#vystup { 
    90103    width: 680px; 
    91104} 
    92105 
     106/** Blok nápovědy */ 
    93107#napoveda { 
    94108    float: right; 
    95109    width: 320px; 
    96110} 
     111 
     112/** Formátování (výstupní) tabulky */ 
     113table { 
     114    border: 1px solid green; 
     115    border-collapse:collapse; 
     116} 
     117 
     118td { 
     119    border: 1px solid black; 
     120    padding: 4px; 
     121    padding-left: 8px; 
     122    padding-right: 8px; 
     123} 
     124 
     125td.cislo { 
     126    text-align: right; 
     127} 
     128 
     129thead { 
     130    background: silver; 
     131    font-weight:bold; 
     132} 
     133 
     134thead td a { 
     135    color: black; 
     136    text-decoration: none; 
     137}