Obrázkové tlačítko pro vykonání SQL dotazu.
authorFrantišek Kučera <franta-hg@frantovo.cz>
Sat May 23 20:59:09 2009 +0200 (2009-05-23)
changeset 335e9706113b0
parent 2 26a11fc8e3e4
child 4 49903d1fe188
Obrázkové tlačítko pro vykonání SQL dotazu.
html/grafika/tlacitko-sql.png
html/grafika/tlacitko-sql.xcf
html/hlavni.js
html/index.html
html/styl.css
     1.1 Binary file html/grafika/tlacitko-sql.png has changed
     2.1 Binary file html/grafika/tlacitko-sql.xcf has changed
     3.1 --- a/html/hlavni.js	Sat May 23 20:16:03 2009 +0200
     3.2 +++ b/html/hlavni.js	Sat May 23 20:59:09 2009 +0200
     3.3 @@ -1,3 +1,9 @@
     3.4 +/** ID html prvků */
     3.5 +const vstupniPole = 'vstupniPole';
     3.6 +const vystupniPole = 'vystupniPole';
     3.7 +const napovedniPole = 'napovedniPole';
     3.8 +
     3.9 +
    3.10  /**
    3.11   * Aby to fungovalo i v MSIE 6.
    3.12   * @return AJAXový objekt.
    3.13 @@ -17,6 +23,14 @@
    3.14  var ajax = getXmlHttpRequestObject();
    3.15  
    3.16  /**
    3.17 + * Vrací vstup od uživatele.
    3.18 + * @return SQL příkaz zadaný uživatelem.
    3.19 + **/
    3.20 +function getSQL() {
    3.21 +    return document.getElementById(vstupniPole).innerHTML;
    3.22 +}
    3.23 +
    3.24 +/**
    3.25   * Zobrazí text na požadovaném místě.
    3.26   * @param text text k zobrazení
    3.27   * @param kde id prvku, do kterého se má text vypsat
    3.28 @@ -30,7 +44,7 @@
    3.29   * @param text text k zobrazení
    3.30   **/
    3.31  function zobrazVystup(text) {
    3.32 -    zobraz(text, 'vystupniPole');
    3.33 +    zobraz(text, vystupniPole);
    3.34  }
    3.35  
    3.36  /**
    3.37 @@ -38,7 +52,7 @@
    3.38   * @param text text k zobrazení
    3.39   **/
    3.40  function zobrazNapovedu(text) {
    3.41 -    zobraz(text, 'napovedniPole');
    3.42 +    zobraz(text, napovedniPole);
    3.43  }
    3.44  
    3.45  /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
    3.46 @@ -49,6 +63,7 @@
    3.47          ajax.send(null);
    3.48      }
    3.49      //zobrazNapovedu('Nějaká nápověda k danému příkazu.');
    3.50 +    //zobrazNapovedu(escape(getSQL()));
    3.51  }
    3.52  
    3.53  /** Pomocná funkce – postará se o vypsání v pravou chvíli. */
     4.1 --- a/html/index.html	Sat May 23 20:16:03 2009 +0200
     4.2 +++ b/html/index.html	Sat May 23 20:59:09 2009 +0200
     4.3 @@ -26,8 +26,8 @@
     4.4                      <h2>Zadávání SQL příkazů</h2>
     4.5                      <div class="vnitrekBloku">
     4.6                          <form>
     4.7 -                            <textarea>SELECT * FROM tabulka;</textarea>
     4.8 -                            <button type="button" onclick="javascript:demo();">Vykonat SQL!</button>
     4.9 +                            <textarea id="vstupniPole">SELECT * FROM tabulka;</textarea>
    4.10 +                            <button type="button" onclick="javascript:demo();">&nbsp;</button>
    4.11                          </form>
    4.12                      </div>
    4.13                  </div>
     5.1 --- a/html/styl.css	Sat May 23 20:16:03 2009 +0200
     5.2 +++ b/html/styl.css	Sat May 23 20:59:09 2009 +0200
     5.3 @@ -50,14 +50,14 @@
     5.4  }
     5.5  
     5.6  #vstup button {
     5.7 -    width: 128px;
     5.8 +    width: 146px;
     5.9      height: 20px;
    5.10      border: none;
    5.11 -    background-image: url('grafika/tlacitko.png');
    5.12 -    padding: 2px;
    5.13 -    font-size: 12px;
    5.14 +    background-image: url('grafika/tlacitko-sql.png');
    5.15      margin-right: 0px;
    5.16      margin-top: 5px;
    5.17 +    padding: 0px;
    5.18 +    cursor: pointer;
    5.19  }
    5.20  
    5.21  #vystup .vnitrekBloku {