# HG changeset patch
# User František Kučera <franta-hg@frantovo.cz>
# Date 1243899377 -7200
# Node ID 0a865a66569880dc4ef22ef9d09e3bbc15220b60
# Parent  e32867db548793566004a8072e609896b4a7a344
Průvodce: JavaScript, HTML, CSS.

diff -r e32867db5487 -r 0a865a665698 java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties
--- a/java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	Tue Jun 02 00:27:15 2009 +0200
+++ b/java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	Tue Jun 02 01:36:17 2009 +0200
@@ -39,5 +39,5 @@
 navigace.vpred=Vp\u0159ed v historii
 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>
diff -r e32867db5487 -r 0a865a665698 java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx
--- a/java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx	Tue Jun 02 00:27:15 2009 +0200
+++ b/java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx	Tue Jun 02 01:36:17 2009 +0200
@@ -19,17 +19,40 @@
             <div id="navigace">
                 <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>
             <!-- </Navigace> -->
diff -r e32867db5487 -r 0a865a665698 java/sql-vyuka/web/ajax.jspx
--- a/java/sql-vyuka/web/ajax.jspx	Tue Jun 02 00:27:15 2009 +0200
+++ b/java/sql-vyuka/web/ajax.jspx	Tue Jun 02 01:36:17 2009 +0200
@@ -151,6 +151,9 @@
                     <c:out value="${pruvodce.obsah}" escapeXml="false"/>
                 </c:otherwise>
             </c:choose>
+            <form action="#" name="pruvodceData" id="pruvodceData">
+                <textarea name="id">${pruvodce.id}</textarea>
+            </form>
             <!-- </Výpis> -->
         </c:when>
         <!-- </Akce: Nápověda> -->
diff -r e32867db5487 -r 0a865a665698 java/sql-vyuka/web/hlavni.js
--- a/java/sql-vyuka/web/hlavni.js	Tue Jun 02 00:27:15 2009 +0200
+++ b/java/sql-vyuka/web/hlavni.js	Tue Jun 02 01:36:17 2009 +0200
@@ -80,3 +80,50 @@
         ajax.send(null);
     }
 }
+
+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
+}
diff -r e32867db5487 -r 0a865a665698 java/sql-vyuka/web/styl.css
--- a/java/sql-vyuka/web/styl.css	Tue Jun 02 00:27:15 2009 +0200
+++ b/java/sql-vyuka/web/styl.css	Tue Jun 02 01:36:17 2009 +0200
@@ -102,6 +102,11 @@
     height: 484px;
 }
 
+#napoveda h1 {
+    font-size: 18px;
+    font-weight: bold;
+}
+
 /** Nadpisy bloků */
 .blok h2 {
     font-size: 12px;
@@ -260,3 +265,8 @@
 #lokalizace {
     display: none;
 }
+
+/** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
+#pruvodceData {
+    display: none;
+}