Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:timer-display [18.12.2014 21:16] – [Andere Inhalte einblenden] admin
+++ de:create:timer-display [12.01.2016 09:26] – [Andere Inhalte einblenden] admin
@@ Zeile 17: / Zeile 17: @@
 ===== Umsetzung =====
-Man benötigt lediglich einen Textbaustein mit nachfolgendem Inhalt (anzulegen unter **Textbausteine u. Beschriftung**). Diesen Textbaustein zieht man dann beim Zusammenstellen des Fragebogens in die entsprechende Fragebogen-Seite.
+Man benötigt lediglich einen Textbaustein mit nachfolgendem Inhalt (anzulegen unter **Textbausteine u. Beschriftung**, //Darstellung// "HTML_Code"). Diesen Textbaustein zieht man dann beim Zusammenstellen des Fragebogens in die entsprechende Fragebogen-Seite.
 <code javascript>
 <script type="text/javascript">
 <!--
-// Funktion zum Einblenden der Knöpfe
-function showButtons() {
-  var buttons = document.getElementById("buttonsAuto");
-  // Den normalen Anzeigemodus wiederherstellen (Knöpfe anzeigen)
-  buttons.style.display = "";
-}
 // Nach dem Laden der Seite das Script starten
 SoSciTools.attachEvent(window, "load",
   function() {
-    // Die Knöpfe suchen
-    var buttons = document.getElementById("buttonsAuto");
     // Die Knöpfe ausblenden
-    buttons.style.display = "none";
+    SoSciTools.submitButtonsHide();
     // Den Timer starten
-    window.setTimeout(showButtons, 60000); // Nach 1 Min = 60.000 ms
+    window.setTimeout(SoSciTools.submitButtonsDisplay, 60000); // Nach 1 Min = 60.000 ms
   }
 );
@@ Zeile 46: / Zeile 37: @@
 </code>
+**Hinweis:** Dieser JavaScript-Code verwendet die SoSci Survey spezifische Funktion ''SoSciTools.submitButtonsHide()'', um alle Knöpfe auszublenden. Ebenso können Sie über ''%%document.getElementById("submit0")%%'' spezifisch den Weiter-Knopf identifizieren und dessen Eigenschaft ''.style.display'' auf den Wert ''%%"none"%%'' setzen. Für das wieder-Anzeigen des Knopfes müssen Sie dann ggf. eine eigene Funktion als Pendant ergänzen.
 ===== Andere Inhalte einblenden =====
@@ Zeile 63: / Zeile 54: @@
 <code html>
-<div id="meineFrage">
+<div id="meinObjekt">
 </code>
@@ Zeile 71: / Zeile 62: @@
 **Tipp:** Für Fragen ist das nicht notwendig, weil diese bereits eine HTML-ID tragen ([[:de:create:dynamic|Fragen bei Auswahl einer bestimmten Option sofort einblenden]]).
+Der entsprechende HTML-/JavaScript-Code würde dann wie folgt aussehen:
+<code html>
+<script type="text/javascript">
+<!--
+// Funktion zum Einblenden der Knöpfe
+function showContent() {
+  var content = document.getElementById("meinObjekt");
+  // Den normalen Anzeigemodus wiederherstellen
+  content.style.display = "";
+}
+// Nach dem Laden der Fragebogen-Seite das Script starten
+SoSciTools.attachEvent(window, "load",
+  function() {
+    // Objekt heraussuchen
+    var content = document.getElementById("meinObjekt");
+    // Ausblenden
+    content.style.display = "none";
+    // Den Timer starten
+    window.setTimeout(showContent, 60000); // Nach 1 Min = 60.000 ms
+  }
+);
+// -->
+</script>
+</code>