Changeset 60:d6930d123889

Timestamp:

07/26/09 23:03:28 (15 years ago)

Author:

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

Branch:

default

Message:

Uživatel může kliknout myší na SQL kód v průvodci a snadno si ho překopírovat do vstupního pole (aby nemusel opisovat příklady).
No jo, ale to budou ti uživatelé úplně líní a nic se nenaučí :-).

Location:

java/sql-vyuka

Files:

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

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

@@ -16 +16 @@
 js.probihaSQL=Prob\u00EDh\u00E1 zpracov\u00E1n\u00ED SQL p\u0159\u00EDkazu\u2026
 js.probihaHistorie=Na\u010D\u00EDt\u00E1 se historie\u2026
+js.klikniProNacteniPrikladu=Klikni pro na\u010Dten\u00ED p\u0159\u00EDkaldu.
 
 licence.program=Program je vyd\u00E1n pod licenc\u00ED:

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

@@ -108 +108 @@
             <textarea name="probihaSQL" cols="128" rows="1"><fmt:message key="js.probihaSQL"/></textarea>
             <textarea name="probihaHistorie" cols="128" rows="1"><fmt:message key="js.probihaHistorie"/></textarea>
+            <textarea name="klikniProNacteniPrikladu" cols="128" rows="1"><fmt:message key="js.klikniProNacteniPrikladu"/></textarea>
         </fieldset>
     </form>

java/sql-vyuka/web/hlavni.js

@@ -42 +42 @@
 function zobraz(text, kde) {
     if (kde == vstupniPole) {
-        document.getElementById('aplikace').vstupniPole.value = text;
+        document.getElementById('aplikace').vstupniPole.value = vratEntity(text);
     } else if (kde == stavovePole)  {
-        document.getElementById('aplikace').stavovePole.value = text;
+        document.getElementById('aplikace').stavovePole.value = vratEntity(text);
     } else {
         document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
@@ -130 +130 @@
                 ulozURL();
                 sestavStromy();
+                aktivujPruvodce();
             }
         };
@@ -186 +187 @@
     nactiURL();
 }
+
+/**
+ * Přidá <pre> elementům v průvodci akci onclick,
+ * která se postará o načtení obsahu daného elementu do vstupního pole,
+ * aby uživatel tento kód nemusel opisovat.
+ */
+function aktivujPruvodce() {
+    elementy = document.getElementsByTagName("pre");
+    for (var i = 0; i < elementy.length; i++) {
+        if (elementy[i].parentNode.id == napovedniPole) {
+            elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;
+            elementy[i].onclick = function() {
+                zobraz(this.innerHTML, 'vstupniPole');
+                return true;
+            };
+        }
+    }
+}
+
+/**
+ * Převede HTML entity zpět na znaky,
+ * aby se správně zobrazily ve vstupním nebo stavovém poli.
+ */
+function vratEntity (text) {
+    var vysledek = text;
+    vysledek = vysledek.replace('&lt;', '<', 'g');
+    vysledek = vysledek.replace('&gt;', '>', 'g');
+    vysledek = vysledek.replace('&amp;', '&', 'g');
+    return vysledek;
+
+}