Changeset 3:35e9706113b0

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

Obrázkové tlačítko pro vykonání SQL dotazu.

Location:
html
Files:
2 added
3 modified

Legend:

Unmodified
Added
Removed
  • html/hlavni.js

    r2 r3  
     1/** ID html prvků */ 
     2const vstupniPole = 'vstupniPole'; 
     3const vystupniPole = 'vystupniPole'; 
     4const napovedniPole = 'napovedniPole'; 
     5 
     6 
    17/** 
    28 * Aby to fungovalo i v MSIE 6. 
     
    1824 
    1925/** 
     26 * Vrací vstup od uživatele. 
     27 * @return SQL příkaz zadaný uživatelem. 
     28 **/ 
     29function getSQL() { 
     30    return document.getElementById(vstupniPole).innerHTML; 
     31} 
     32 
     33/** 
    2034 * Zobrazí text na požadovaném místě. 
    2135 * @param text text k zobrazení 
     
    3145 **/ 
    3246function zobrazVystup(text) { 
    33     zobraz(text, 'vystupniPole'); 
     47    zobraz(text, vystupniPole); 
    3448} 
    3549 
     
    3953 **/ 
    4054function zobrazNapovedu(text) { 
    41     zobraz(text, 'napovedniPole'); 
     55    zobraz(text, napovedniPole); 
    4256} 
    4357 
     
    5064    } 
    5165    //zobrazNapovedu('Nějaká nápověda k danému příkazu.'); 
     66    //zobrazNapovedu(escape(getSQL())); 
    5267} 
    5368 
  • html/index.html

    r2 r3  
    2727                    <div class="vnitrekBloku"> 
    2828                        <form> 
    29                             <textarea>SELECT * FROM tabulka;</textarea> 
    30                             <button type="button" onclick="javascript:demo();">Vykonat SQL!</button> 
     29                            <textarea id="vstupniPole">SELECT * FROM tabulka;</textarea> 
     30                            <button type="button" onclick="javascript:demo();">&nbsp;</button> 
    3131                        </form> 
    3232                    </div> 
  • html/styl.css

    r2 r3  
    5151 
    5252#vstup button { 
    53     width: 128px; 
     53    width: 146px; 
    5454    height: 20px; 
    5555    border: none; 
    56     background-image: url('grafika/tlacitko.png'); 
    57     padding: 2px; 
    58     font-size: 12px; 
     56    background-image: url('grafika/tlacitko-sql.png'); 
    5957    margin-right: 0px; 
    6058    margin-top: 5px; 
     59    padding: 0px; 
     60    cursor: pointer; 
    6161} 
    6262