Timer einfügen

Question

Hallo,

bei mir funktioniert das Einfügen eines Timers leider nicht.
Ich habe den PHP Code von der Anleitungsseite in das PHP Code Feld eingefügt.

if (!isset($time0)) {
  $time0 = time();
  registerVariable('time0');  // Die Variable $time0 auch nach Ende des PHP-Codes aufbewahren
}
// Prüfung, ob die Zeit schon abgelaufen ist
// (z.B. weil der Teilnehmer die Seite neu geladen hat)
$timer = 60;  // Der Teilnehmer hat 1 Minute (60 Sekunden) Zeit zur Bearbeitung
if (time() >= $time0 + $timer) {
  goToPage('next');
}
// Die verbleibende Zeit muss auch dem JavaScript-Code bekannt gemacht werden
$remain = $time0 + $timer - time();
replace('%remain%', $remain);

Gleich darunter einen Textbaustein

<script type="text/javascript">
<!--
// Funktion zur Weiterleitung
function weiter() {
  // Eine Meldung anzeigen (optional)
  alert("Die Zeit ist vorbei.");
  // Den Teilnehmer zur nächsten Seite weiterleiten
  SoSciTools.submitPage();
}
// Initialisierung der Weiterleitung
SoSciTools.attachEvent(window, "load", function(evt) {
  // Weiter-Knopf ausblenden (optional)
  SoSciTools.submitButtonsHide();
  // Timer für automatische Weiterleitung starten
  window.setTimeout(weiter, %remain% * 1000);
});
// -->
</script>

Doch es erfolgt keine automatische Weiterleitung und der Textbaustein wird einfach als Text angezeigt.

Ich habe schon versucht das ganze eine Seite vor der zu beschränkenden Seite einzugeben und auf der selben Seite etc.

Bitte um Hilfe!

LG

Answer 1

Doch es erfolgt keine automatische Weiterleitung und der Textbaustein wird einfach als Text angezeigt.

Bitte stellen Sie als "Darstellung" für den Textbaustein "HTML-Code" ein, damit er tatsächlich als Quellcode und nicht als Text in den Fragebogen eingebunden wird.

Comments

Hallo,

habe ich eingestellt, funktioniert leider trotzdem nicht.

<pre style="margin-top: 0px; margin-bottom: 30px; font-family: monospace, serif; font-size: 13.3333px; padding: 0.5em; border: 1px dashed rgb(153, 153, 153); overflow: auto; background-color: rgb(247, 249, 250);" class="code javascript"><span style="color: rgb(102, 204, 102);" class="sy0">&lt;</span>script type<span style="color: rgb(102, 204, 102);" class="sy0">=</span><span style="color: rgb(255, 0, 0);" class="st0">&quot;text/javascript&quot;</span><span style="color: rgb(102, 204, 102);" class="sy0">&gt;</span>
<span style="color: rgb(102, 204, 102);" class="sy0">&lt;!--</span>
<span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Funktion zur Weiterleitung</span>
<span style="color: rgb(177, 177, 0);" class="kw1">function</span> weiter<span style="color: rgb(102, 204, 102);" class="br0">(</span><span style="color: rgb(102, 204, 102);" class="br0">)</span> <span style="color: rgb(102, 204, 102);" class="br0">{</span>
  <span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Eine Meldung anzeigen (optional)</span>
  alert<span style="color: rgb(102, 204, 102);" class="br0">(</span><span style="color: rgb(255, 0, 0);" class="st0">&quot;Die Zeit ist vorbei.&quot;</span><span style="color: rgb(102, 204, 102);" class="br0">)</span><span style="color: rgb(102, 204, 102);" class="sy0">;</span>
  <span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Den Teilnehmer zur nächsten Seite weiterleiten</span>
  SoSciTools.<span style="color: rgb(0, 102, 0);" class="me1">submitPage</span><span style="color: rgb(102, 204, 102);" class="br0">(</span><span style="color: rgb(102, 204, 102);" class="br0">)</span><span style="color: rgb(102, 204, 102);" class="sy0">;</span>
<span style="color: rgb(102, 204, 102);" class="br0">}</span>
<span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Initialisierung der Weiterleitung</span>
SoSciTools.<span style="color: rgb(0, 102, 0);" class="me1">attachEvent</span><span style="color: rgb(102, 204, 102);" class="br0">(</span>window<span style="color: rgb(102, 204, 102);" class="sy0">,</span> <span style="color: rgb(255, 0, 0);" class="st0">&quot;load&quot;</span><span style="color: rgb(102, 204, 102);" class="sy0">,</span> <span style="color: rgb(177, 177, 0);" class="kw1">function</span><span style="color: rgb(102, 204, 102);" class="br0">(</span>evt<span style="color: rgb(102, 204, 102);" class="br0">)</span> <span style="color: rgb(102, 204, 102);" class="br0">{</span>
  <span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Weiter-Knopf ausblenden (optional)</span>
  SoSciTools.<span style="color: rgb(0, 102, 0);" class="me1">submitButtonsHide</span><span style="color: rgb(102, 204, 102);" class="br0">(</span><span style="color: rgb(102, 204, 102);" class="br0">)</span><span style="color: rgb(102, 204, 102);" class="sy0">;</span>
  <span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// Timer für automatische Weiterleitung starten</span>
  window.<span style="color: rgb(0, 102, 0);" class="me1">setTimeout</span><span style="color: rgb(102, 204, 102);" class="br0">(</span>weiter<span style="color: rgb(102, 204, 102);" class="sy0">,</span> <span style="color: rgb(102, 204, 102);" class="sy0">%</span>remain<span style="color: rgb(102, 204, 102);" class="sy0">%</span> <span style="color: rgb(102, 204, 102);" class="sy0">*</span> <span style="color: rgb(204, 102, 204);" class="nu0">1000</span><span style="color: rgb(102, 204, 102);" class="br0">)</span><span style="color: rgb(102, 204, 102);" class="sy0">;</span>
<span style="color: rgb(102, 204, 102);" class="br0">}</span><span style="color: rgb(102, 204, 102);" class="br0">)</span><span style="color: rgb(102, 204, 102);" class="sy0">;</span>
<span style="color: rgb(128, 128, 128); font-style: italic;" class="co1">// --&gt;</span>
<span style="color: rgb(102, 204, 102);" class="sy0">&lt;/</span>script<span style="color: rgb(102, 204, 102);" class="sy0">&gt;</span></pre>

---

Stattdessen müssten Sie nun bitte den JavaScript-Code einfügen - nicht den HTML-Code, welchen SoSci Survey in Interpretation des JS-Codes aus dem Code gemacht hat.

Also entweder aus der Anleitung oder von hier im Support kopieren - oder den Typ nochmal umstellen, rauskopieren, Darstellung ändern, reinkopieren.