Changeset 38:0a865a665698

Timestamp:

06/02/09 01:36:17 (15 years ago)

Author:

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

Branch:

default

Message:

Průvodce: JavaScript?, HTML, CSS.

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/ajax.jspx (modified) (1 diff)
• web/hlavni.js (modified) (1 diff)
• web/styl.css (modified) (2 diffs)

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

@@ -40 +40 @@
 navigace.nasledujici=N\u00E1sleduj\u00EDc\u00ED lekce
 
-pruvodce.chyba.nadpis=Chyba
-pruvodce.chyba.obsah=<p>Kapitola nenalezena.</p>
+pruvodce.chyba.nadpis=Nenalezeno
+pruvodce.chyba.obsah=<p>Takov\u00E1 kapitola tu nen\u00ED.</p>

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

@@ -20 +20 @@
                 <form action="#">
                     <fmt:message key="navigace.predchozi" var="navigacePredchozi" />
-                    <button class="predchozi" title="${navigacePredchozi}">&amp;nbsp;</button>
+                    <button class="predchozi"
+                            name="predchozi"
+                            title="${navigacePredchozi}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodcePredchozi();">&amp;nbsp;</button>
                     <fmt:message key="navigace.zpet" var="navigaceZpet" />
-                    <button class="zpet" title="${navigaceZpet}">&amp;nbsp;</button>
+                    <button class="zpet"
+                            name="zpet"
+                            title="${navigaceZpet}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceZpet();">&amp;nbsp;</button>
                     <fmt:message key="navigace.pruvodce" var="navigacePruvodce" />
-                    <button class="pruvodce" title="${navigacePruvodce}">&amp;nbsp;</button>
+                    <button class="pruvodce"
+                            name="pruvodce"
+                            title="${navigacePruvodce}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceKod('pruvodce');">&amp;nbsp;</button>
                     <fmt:message key="navigace.model" var="navigaceModel" />
-                    <button class="model" title="${navigaceModel}">&amp;nbsp;</button>
+                    <button class="model"
+                            name="model"
+                            title="${navigaceModel}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceKod('model');">&amp;nbsp;</button>
                     <fmt:message key="navigace.vpred" var="navigaceVpred" />
-                    <button class="vpred" title="${navigaceVpred}">&amp;nbsp;</button>
+                    <button class="vpred"
+                            name="vpred"
+                            title="${navigaceVpred}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceVpred();">&amp;nbsp;</button>
                     <fmt:message key="navigace.nasledujici" var="navigaceNasledujici" />
-                    <button id="XXX" class="nasledujici" title="${navigaceNasledujici}">&amp;nbsp;</button>
+                    <button class="nasledujici"
+                            title="${navigaceNasledujici}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceNasledujici();">&amp;nbsp;</button>
                 </form>
             </div>

java/sql-vyuka/web/ajax.jspx

@@ -152 +152 @@
                 </c:otherwise>
             </c:choose>
+            <form action="#" name="pruvodceData" id="pruvodceData">
+                <textarea name="id">${pruvodce.id}</textarea>
+            </form>
             <!-- </Výpis> -->
         </c:when>

java/sql-vyuka/web/hlavni.js

@@ -81 +81 @@
     }
 }
+
+var pruvodceAktualniId = 0;
+
+function ajaxPruvodcePredchozi() {
+    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
+}
+
+function ajaxPruvodceZpet() {
+    /** TODO: historie navigace */
+    alert('Tato funkce se teprve připravuje.');
+}
+
+function ajaxPruvodceVpred() {
+    /** TODO: historie navigace */
+    alert('Tato funkce se teprve připravuje.');
+}
+
+function ajaxPruvodceNasledujici() {
+    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
+}
+
+function ajaxPruvodceKod(kod) {
+    ajaxPruvodceNaviguj('podleKodu', 0, kod);
+}
+
+function ajaxPruvodceId(id) {
+    ajaxPruvodceNaviguj('podleId', id, null);
+
+}
+
+function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {    
+    if (ajax.readyState == 4 || ajax.readyState == 0) {
+        ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
+        ajax.onreadystatechange = function() {
+            if (ajax.readyState == 4) {
+                zobraz(ajax.responseText, napovedniPole);
+                if (document.pruvodceData) {
+                    pruvodceAktualniId = document.pruvodceData.id.value
+                } else {
+                    pruvodceAktualniId = 0;
+                }
+            }
+        };
+        ajax.send(null);
+    }
+// TODO: změnit URL
+}

java/sql-vyuka/web/styl.css

@@ -101 +101 @@
 #napoveda .vnitrekBloku {
     height: 484px;
+}
+
+#napoveda h1 {
+    font-size: 18px;
+    font-weight: bold;
 }
 
@@ -261 +266 @@
     display: none;
 }
+
+/** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
+#pruvodceData {
+    display: none;
+}