Changeset 22:e56b79cc18a9

Timestamp:

05/30/09 15:35:10 (15 years ago)

Author:

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

Branch:

default

Message:

JavaScript?: lokalizace a zjednodušení.

Location:

java/sql-vyuka

Files:

• src/java/cz/frantovo/sql/vyuka/preklady_cs.properties (modified) (1 diff)
• web/WEB-INF/casti/aplikace.jspx (modified) (5 diffs)
• web/hlavni.js (modified) (4 diffs)
• web/styl.css (modified) (1 diff)
• web/vstupniPole.js (modified) (1 diff)

java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties

@@ -14 +14 @@
 vychozi.vysledek=V\u00EDtejte v programu SQL v\u00FDuka!
 vychozi.napoveda=Tady bude n\u00E1pov\u011Bda
+
+js.nepodporovany=V\u00E1\u0161 prohl\u00ED\u017Ee\u010D nepodporuje AJAX. Po\u0159i\u010Fte si m\u00E9n\u011B zastaral\u00FD prohl\u00ED\u017Ee\u010D, nejl\u00E9pe Firefox.
+js.probihaSQL=Prob\u00EDh\u00E1 zpracov\u00E1n\u00ED SQL p\u0159\u00EDkazu\u2026
+js.probihaHistorie=Na\u010D\u00EDt\u00E1 se historie\u2026

java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx

@@ -6 +6 @@
     <fmt:setBundle basename="cz.frantovo.sql.vyuka.preklady" scope="application"/>
 
+    <!-- Logo programu -->
     <div id="zahlavi"><h1><fmt:message key="nazev"/></h1></div>
 
     <div id="bloky">
+        <!-- Nápověda -->
         <div class ="blok" id="napoveda">
             <h2><fmt:message key="blok.napoveda"/></h2>
@@ -15 +17 @@
             </div>
         </div>
-
-
         <div id="io">
-
+            <!-- Zadávání SQL příkazů -->
             <div class ="blok" id="vstup">
                 <h2><fmt:message key="blok.zadavani"/></h2>
@@ -28 +28 @@
                                       rows="100"
                                       cols="1000"
-                                      onkeypress="javascript:checkTab(event);"><fmt:message key="vychozi.sql"/></textarea>
+                                      onkeypress="javascript:zpracujTabulatory(event);"><fmt:message key="vychozi.sql"/></textarea>
                             <input  id="stavovePole"
                                     name="stavovePole"
@@ -48 +48 @@
                 </div>
             </div>
-
-
-
-
-
+            <!-- Zobrazování výstupu -->
             <div class ="blok" id="vystup">
                 <h2><fmt:message key="blok.vysledek"/></h2>
@@ -62 +58 @@
             </div>
         </div>
+    </div>
 
-    </div>
+    <!-- Načteme si lokalizované texty do skrytého formuláře, aby je mohl používat JavaScript -->
+    <form action="#" name="lokalizace" id="lokalizace">
+        <textarea name="nepodporovany"><fmt:message key="js.nepodporovany"/></textarea>
+        <textarea name="probihaSQL"><fmt:message key="js.probihaSQL"/></textarea>
+        <textarea name="probihaHistorie"><fmt:message key="js.probihaHistorie"/></textarea>
+    </form>
 </jsp:root>

java/sql-vyuka/web/hlavni.js

@@ -16 +16 @@
         return new ActiveXObject("Microsoft.XMLHTTP");
     } else {
-        alert("Váš prohlížeč nepodporuje AJAX. Pořiďte si méně zastaralý prohlížeč, nejlépe Firefox.");
+        alert(document.lokalizace.nepodporovany.value);
         return null;
     }
 }
 
+
 /** Náš AJAXový objekt. */
 var ajax = getXmlHttpRequestObject();
+
 
 /**
@@ -32 +34 @@
 }
 
+
 /**
  * Zobrazí text na požadovaném místě.
- * @param text text k zobrazení
- * @param kde id prvku, do kterého se má text vypsat
+ * @param text text k zobrazení. V případě formulářů prostý text, v ostatních případech HTML text.
+ * @param kde id prvku, do kterého se má text vypsat.
  **/
 function zobraz(text, kde) {
@@ -47 +50 @@
 }
 
-/**
- * Zobrazí text ve výstupním poli.
- * @param text HTML text k zobrazení
- **/
-function zobrazVystup(text) {
-    zobraz(text, vystupniPole);
-}
-
-/**
- * Zobrazí text ve vstupním poli.
- * Požijeme pro načtení SQL příkazu z historie.
- * @param text prostý text k zobrazení
- **/
-function zobrazVstup(text) {
-    zobraz(text, vstupniPole);
-}
-
-/**
- * Zobrazí text ve vstupním poli.
- * Požijeme pro načtení SQL příkazu z historie.
- * @param text prostý text k zobrazení
- **/
-function zobrazStav(text) {
-    zobraz(text, stavovePole);
-}
-
-/**
- * Zobrazí text ve poli pro nápovědu.
- * @param text text k zobrazení
- **/
-function zobrazNapovedu(text) {
-    zobraz(text, napovedniPole);
-}
 
 /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
 function ajaxVykonatSQL() {
     if (ajax.readyState == 4 || ajax.readyState == 0) {
-        zobrazStav('Probíhá zpracování SQL příkazu…');
+        zobraz(document.lokalizace.probihaSQL.value, stavovePole);
         ajax.open("POST", 'ajax?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
         ajax.onreadystatechange = function() {
             if (ajax.readyState == 4) {
-                zobrazVystup(ajax.responseText);
-                zobrazStav('');
+                zobraz(ajax.responseText, vystupniPole);
+                zobraz('', stavovePole);
             }
         };
@@ -100 +70 @@
 function ajaxZobrazitHistorii() {
     if (ajax.readyState == 4 || ajax.readyState == 0) {
-        zobrazStav('Načítá se historie…');
+        zobraz(document.lokalizace.probihaHistorie.value, stavovePole);
         ajax.open("POST", 'ajax?akce=historie', true);
         ajax.onreadystatechange = function() {
             if (ajax.readyState == 4) {
-                zobrazVystup(ajax.responseText);
-                zobrazStav('');
+                zobraz(ajax.responseText, vystupniPole);
+                zobraz('', stavovePole);
             }
         };

java/sql-vyuka/web/styl.css

@@ -203 +203 @@
     font-style: italic;
 }
+
+/** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
+#lokalizace {
+    display: none;
+}

java/sql-vyuka/web/vstupniPole.js

@@ -3 +3 @@
 var tab = "\t";
 
-function checkTab(evt) {
+function zpracujTabulatory(evt) {
 
     var t = evt.target;