Changeset 3:35e9706113b0

Timestamp:

05/23/09 20:59:09 (15 years ago)

Author:

František Kučera <franta-hg@…>

Branch:

default

Message:

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

Location:

html

Files:

• grafika/tlacitko-sql.png (added)
• grafika/tlacitko-sql.xcf (added)
• hlavni.js (modified) (5 diffs)
• index.html (modified) (1 diff)
• styl.css (modified) (1 diff)

html/hlavni.js

@@ +1 @@
+/** ID html prvků */
+const vstupniPole = 'vstupniPole';
+const vystupniPole = 'vystupniPole';
+const napovedniPole = 'napovedniPole';
+
+
 /**
  * Aby to fungovalo i v MSIE 6.
@@ -18 +24 @@
 
 /**
+ * Vrací vstup od uživatele.
+ * @return SQL příkaz zadaný uživatelem.
+ **/
+function getSQL() {
+    return document.getElementById(vstupniPole).innerHTML;
+}
+
+/**
  * Zobrazí text na požadovaném místě.
  * @param text text k zobrazení
@@ -31 +45 @@
  **/
 function zobrazVystup(text) {
-    zobraz(text, 'vystupniPole');
+    zobraz(text, vystupniPole);
 }
 
@@ -39 +53 @@
  **/
 function zobrazNapovedu(text) {
-    zobraz(text, 'napovedniPole');
+    zobraz(text, napovedniPole);
 }
 
@@ -50 +64 @@
     }
     //zobrazNapovedu('Nějaká nápověda k danému příkazu.');
+    //zobrazNapovedu(escape(getSQL()));
 }
 

html/index.html

@@ -27 +27 @@
                     <div class="vnitrekBloku">
                         <form>
-                            <textarea>SELECT * FROM tabulka;</textarea>
-                            <button type="button" onclick="javascript:demo();">Vykonat SQL!</button>
+                            <textarea id="vstupniPole">SELECT * FROM tabulka;</textarea>
+                            <button type="button" onclick="javascript:demo();">&nbsp;</button>
                         </form>
                     </div>

html/styl.css

@@ -51 +51 @@
 
 #vstup button {
-    width: 128px;
+    width: 146px;
     height: 20px;
     border: none;
-    background-image: url('grafika/tlacitko.png');
-    padding: 2px;
-    font-size: 12px;
+    background-image: url('grafika/tlacitko-sql.png');
     margin-right: 0px;
     margin-top: 5px;
+    padding: 0px;
+    cursor: pointer;
 }