Ask a Question

closed Button hide Funktion

0 votes
in SoSci Survey (dt.) by s114091 (120 points)
closed by SoSci Survey

Liebes SoSciSurvey-Team,

in meinem Experiment wird ein Stimulus (Bild) dargeboten und ein ablaufender Timer z.B. 2 Sekunden, angezeigt. Innerhalb der Zeit soll eine Tastenreaktion (F oder J) erfolgen. Wenn der Timer (ohne Tastendruck) abläuft, folgt ein Wechsel zur nächsten Seite. Funktioniert auch soweit.

Nun soll dem Probanden nicht die Möglichkeit geboten werden, durch einen besonders schnellen Tastendruck früher zur nächsten Seite zu gelangen. Auch soll kein Next-Button vorhanden sein, welcher ebenso ein schnelleres Voranschreiten ermöglichen würde. Dieser Next-Button erscheint jedoch (und der Stimulus verschwindet), sobald eine Taste gedrückt wurde.

Leider gelingt es mir nicht, diesen Next-Button, trotz Buttonshide Befehl, auch nach dem Tastendruck versteckt zu lassen, sodass zuerst der Timer zu Ende laufen muss, bis es weiter geht.

Ich habe leider wenig Ahnung von der Materie und bin mir unsicher ob der ButtonsHide Befehl falsch eingebunden ist oder irgendwie ausgehebelt wird o.Ä.

Über einen Hinweis zur Lösung bzw. zur korrekten Einbindung wäre ich euch sehr dankbar.

Danke und viele Grüße
Daniel 

    <script type="text/javascript">
<!--
// Funktion zur Weiterleitung
function weiter() {
  // Den Teilnehmer zur nächsten Seite weiterleiten
  SoSciTools.submitPage();
}
// Countdown anzeigen
var date0 = new Date();
var timeout = date0.getTime() + %remain% * 1000;
function updateCountdown() {
  // Zeit berechnen
  var date = new Date();
  var time = Math.ceil((timeout - date.getTime() - 50) / 1000);  // Verbleibende Zeit in Sekunden
  // Zeit anzeigen
  var out = document.getElementById("remain");
  if (!out) {
    return;
  }
  while (out.lastChild) {
    out.removeChild(out.lastChild);
  }
  var minutes = Math.floor(time / 60);
  var seconds = String(time - 60 * minutes);
  if (seconds.length < 2) seconds = "0" + seconds;
  var display = String(minutes) + ":" + seconds;
  var displayNode = document.createTextNode(display);
  out.appendChild(displayNode);
}
// Initialisierung der Weiterleitung
SoSciTools.attachEvent(window, "load", function(evt) {
  // Weiter-Knopf ausblenden (optional)
  SoSciTools.submitButtonsHide();
  // Zusätzlicher Timer für die Aktualisierung des Countdowns
  window.setInterval(updateCountdown, 1000);
  updateCountdown();
  // Timer für automatische Weiterleitung starten
  window.setTimeout(weiter, %remain% * 1000);
});
// -->
</script>
closed with the note: Fortsetzung aufgrund der langen Kommentar-Diskussion bei Bedarf gerne in einer neuen Frage. Danke.
by SoSci Survey (328k points)
Sie haben leider keinen Pretest-Link direkt (!) zur betroffenen Seite gepostet, insofern kann ich mir nicht live ansehen, was passiert.

> Leider gelingt es mir nicht, diesen Next-Button, trotz Buttonshide Befehl, auch nach dem Tastendruck versteckt zu lassen, sodass zuerst der Timer zu Ende laufen muss, bis es weiter geht.

Verschwindet der Knopf überhaupt nicht? Dann sorgt vermutlich ein kleiner Fehler anderswo im Code dafür, dass der Befehl gar nicht erst ausgeführt wird.

Was steht denn in der Fehlerkonsole Ihres Browsers, wenn Sie die Seite aufrufen?
by s114091 (120 points)
Danke für die Antwort.
Der Knopf ist zunächst nicht zu sehen. Erst wenn die Tastenreaktion erfolgt und das Bild verschwindet, erscheint der Next Button.
Hier ist ein Link zum Pretest:
https://www.soscisurvey.de/mm0810/?act=HBEEqHFwoaeorfcR8oGCEzDv
Und hier nochmal als debug Seite (ab der Vorseite, welche die Instruktion enthält):
https://www.soscisurvey.de/mm0810/?act=pRD7jpdxciq1kNm0OwB8UP7z

In der Konsole werden mir keine Fehler ausgegeben. Die Ausgabe des Debuggers ist:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Questionnaire</title>
<!-- Stylesheet: Layout -->
<link rel="stylesheet" type="text/css" href="../view/css-default-L.css">
<script type="text/javascript" src="../script/SoSciTools.min.js?i=1285a"></script>
<script type="text/javascript" src="../script/QuestionAssignment.min.js?i=1274"></script>
<script type="text/javascript" src="../script/SoSciEnhancedInputs.min.js?i=1216"></script>
<!-- Additional head -->
<script type="text/javascript">
            <!--
            document.write("<style type=\"text/css\">\n.noscript { display: none }\n</style>\n");
            // -->
            </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px }
div.questionary { min-width: 300px; max-width: 800px; margin: 14px auto 0px auto; padding: 0 10px }

/* Center header and footer on smartphone */
@media (max-width: 450px) {
    div#s2t-logo { text-align: center; margin-bottom: 16px }
    div#s2t-controls { text-align: center }
    div#s2t-imprint { text-align: center }
    div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
</head>

<body>
<!--[if lt IE 7]> <div style="clear: both; height: 59px; padding:0 0 0 15px; position: relative; margin: 0px auto; width: 400px"> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->

<div class="questionary" style="position: relative">
<!--[if lte IE 9]> <div class="legacyIE9"> <![endif]-->
<form action="index.php?i=J5GUDBT91BRT&amp;rnd=VWCO" method="POST" accept-charset="UTF-8" autocomplete="off" id="questionnaireForm">
<div class="invisible">
    <input type="hidden" name="i" value="J5GUDBT91BRT">
    <input type="hidden" name="page" value="26">
    <input type="hidden" name="l" value="eng">
    <input type="submit" name="submitDefault" id="submitDefault" value="↑" title="↑" aria-hidden="true">
</div>
<div id="s2t-logo"><img src="../layout/logo.png" alt="" class="s2-logo"></div>
<div style="position: relative">
    <div style="padding-top: 2px; margin: 0px 0px 24px 0px; height: 10px; width: 100%; border-bottom: 2px solid #5273B9; overflow: hidden"></div>
    <div id="s2t-progress" style="background-color: #FFFFFF"><div class="progressbar">
                <div id="s2progressIndicator" class="progress" style="width: 22%">&nbsp;</div>
                <div id="s2progressLabel" class="progresstext">22% completed</div>
                <script type="text/javascript">
                SoSciTools.progress.present(22, 0, 0);
                </script>
            </div>
<span><!-- empty span required for IE --></span></div>
</div>
<div id="s2t-content">
<div style="margin-bottom: 32px;"></div>

<div class="screenreader"><input name="submitSR" id="submitSR" type="submit" value="Change to accessible version" title="Change to accessible version" tabindex="25"></div>

<!-- begin page(429797-26) -->
<p><div style="font-size: 40px; color: #FF0000; text-align: center"><b>remaining time: <span id="remain"></span></b>

<!-- begin question(BS03) -->
<div id="BS03_qst" class="s2question spacing">
<table cellspacing="0" cellpadding="0" class="assignment" id="BS03_tab">
            <colgroup><col style="width: 50%"><col style="width: 50%"></colgroup>
                <tr id="BS03_pause" style="display: none">
                    <td colspan="2" class="stimulus" style="height: 500px"><img src="../images/fixation.default.png" alt="+"></td>
                </tr>
                <tr id="BS03_intro" style="display: none">
                    <td colspan="2" class="introduction" style="height: 500px">
                       
                    </td>
                </tr><tr id="BS03_01_stimulus" class="noscript">
                <td colspan="2" class="stimulus" style="height: 500px">
<img src="BS_SM2_computer.png" alt="" />
<input id="BS03_01a" name="BS03_01a"  value="" type="hidden">
    </td>
            </tr>

<tr id="BS03_01_inputs" class="options noscript">
                    <td>
                        <input name="BS03_01" id="BS03_011" tabindex="50"  value="1" type="radio">
                        <div>                   
                            <label for="BS03_011"></label>
                        </div>
                    </td><td>
                        <input name="BS03_01" id="BS03_012" tabindex="50"  value="2" type="radio">
                        <div>                   
                            <label for="BS03_012"></label>
                        </div>
                    </td><td style="display: none">
                        <input name="BS03_01" id="BS03_01NA" value="-9" type="radio">
                    </td>
                    </tr>

                <tr id="BS03_outro" style="display: none">
                    <td colspan="2" class="introduction" style="height: 500px">
                       
                    </td>
                </tr>
<tr id="BS03_buttons" style="display: none" class="options">
                    <td id="BS031_option">
                        <div>                   
                           
                        </div>
                    </td><td id="BS032_option">
                        <div>                   
                           
                        </div>
                    </td><td style="display: none">
                        <input name="" id="BS03NA" value="-9" type="radio">
                    </td>
                    </tr>
            </table>
</div>
<!-- end question(BS03) -->



<!-- begin question(CD03) -->
<script type="text/javascript">
<!--
// Funktion zur Weiterleitung
function weiter() {
  // Den Teilnehmer zur nächsten Seite weiterleiten
  SoSciTools.submitPage();
}
// Countdown anzeigen
var date0 = new Date();
var timeout = date0.getTime() + 3 * 1000;
function updateCountdown() {
  // Zeit berechnen
  var date = new Date();
  var time = Math.ceil((timeout - date.getTime() - 50) / 1000);  // Verbleibende Zeit in Sekunden
  // Zeit anzeigen
  var out = document.getElementById("remain");
  if (!out) {
    return;
  }
  while (out.lastChild) {
    out.removeChild(out.lastChild);
  }
  var minutes = Math.floor(time / 60);
  var seconds = String(time - 60 * minutes);
  if (seconds.length < 2) seconds = "0" + seconds;
  var display = String(minutes) + ":" + seconds;
  var displayNode = document.createTextNode(display);
  out.appendChild(displayNode);
}
// Initialisierung der Weiterleitung
SoSciTools.attachEvent(window, "load", function(evt) {
  // Weiter-Knopf ausblenden (optional)
  SoSciTools.submitButtonsHide();
  // Zusätzlicher Timer für die Aktualisierung des Countdowns
  window.setInterval(updateCountdown, 1000);
  updateCountdown();
  // Timer für automatische Weiterleitung starten
  window.setTimeout(weiter, 3 * 1000);
});
// -->
</script>
<!-- end question(CD03) -->

<table class="layout submitButtons fullwidth" id="buttonsAuto">
<colgroup><col style="width: 50%"><col style="width: 50%"></colgroup>
<tr>
<td class="buttonBack"></td>
<td class="buttonNext"><input class="button" name="submitNext" id="submit0" type="submit" value="Next" title="Next" tabindex="200"></td>
</tr>
</table>
</div>
<hr style="margin-bottom: 14px;">
<div id="s2t-controls">

</div>
<div>
    <input name="zomplete" value="yes" type="hidden">
</div>
</form>
<script type="text/javascript">
<!--
SoSciTools.questionnaire.init("questionnaireForm");
// -->
</script>
<!--[if lte IE 9]> </div> <![endif]-->
<script type="text/javascript">
<!--
var SoSciPage = SoSciTools.getPage();  // Instance of SoSciTools.Questionnaire()
var oFbQuestionnaireForm = SoSciPage;
SoSciTools.registerFocus();
SoSciTools.catchEnter();
SoSciEnhancedInputs.instance.initSensitive();
SoSciTools.attachFormInfo();

// -->
</script>
<script type="text/javascript">
<!--


var assignmentBS03 = new SoSciAssignment("BS03", 2, {"display.intro":false,"preload":true,"submit.page":false,"timing.timeout":0,"timing.highlight":0,"timing.pause":0,"timing.remain":0,"timing.prime":0,"input.mouse":false}, [[],[70],[74]]);
assignmentBS03.registerItem("BS03_01","BS03_01a")
assignmentBS03.init();
// -->
</script>
<div id="s2t-imprint">
<a href="mailto:…">–…</a>,
</div>
</div>
</body>
</html>
by SoSci Survey (328k points)
Ich meinte die Ausgabe der Debug-Information von SoSci Survey:
https://www.soscisurvey.de/help/doku.php/de:create:debugging

Wenn ich den Link aufrufe, kommen mehrere Seiten mit Aufgaben vom Typ "Zuordnungsaufgabe" - und mit jeweils nur einem Item. Ist das so gedacht? Warum haben Sie die Items nicht alle in eine Frage gepackt? Bei der Zuordnungsaufgabe kann man ohnehin ein Zeitlimit einstellen - allerdings ohne Anzeige. Diese müsste man einfach noch zusätzlich einbauen.

Auf der ersten Seite nach Aufruf des Pretest-Links wird mir die Frage (wie gewünscht) ohne Weiter-Knopf angezeigt.
by s114091 (120 points)
Danke für die Antwort.


//Auf der ersten Seite nach Aufruf des Pretest-Links wird mir die Frage (wie gewünscht) ohne Weiter-Knopf angezeigt.

Der Weiter Knopf erscheint sobald die Tasteneingabe erfolgt ist. Habe es nochmal geprüft.


//Warum haben Sie die Items nicht alle in eine Frage gepackt? Bei der Zuordnungsaufgabe kann man ohnehin ein Zeitlimit einstellen - allerdings ohne Anzeige. Diese müsste man einfach noch zusätzlich einbauen.

Wohl aus Unkenntnis. Ist das denn so einfach möglich? Die Reihenfolge der Stimuli muss per Zufall erfolgen, dann muss ein Countdown dargestellt werden, der aufgrund der kurzen Darbietungszeiten von z.B. nur zwei Sekunden erst nach vollständigem Laden des Bildes beginnen darf. Zudem muss die Weiterleitung nach Ablauf des Countdowns möglich sein und zwischen den Stimuli soll die Instruktion wiederholt und erneut ein Fixationskreuz abgebildet werden. Wäre es denn vorteilhaft das alles auf einer Seite zusammen für 25 Stimuli nacheinander darzustellen?


//Ich meinte die Ausgabe der Debug-Information von SoSci Survey:
https://www.soscisurvey.de/help/doku.php/de:create:debugging

Die Debug Information scheint unkritisch zu sein.

[Information]    Interview number 542 is to be continued
[Information]    Questionnaire base from project mm0810 will be used
[Information]    Retention period on page 28 has been 3 seconds
[Processing]    Reading answers from page 28
[Information]    Answer to BS08_01 = 1
[Information]    Answer to BS08_01a = 617
[Information]    50% of the questions have been answered so far
[Processing]    Create page 29 in questionnaire base
[Content]    Create question IN16
[Information]    The following placeholders have been prepared:
%remain% = (text) 3

Nochmals Danke!
by SoSci Survey (328k points)
> Wäre es denn vorteilhaft das alles auf einer Seite zusammen für 25 Stimuli nacheinander darzustellen?

Das kommt darauf an, ob Sie vor jedem Item die Erklärung haben möchten und man mit Tastendruck starten soll - oder ob es direkt mit dem nächsten Item weitergehen soll.

> Der Weiter Knopf erscheint sobald die Tasteneingabe erfolgt ist. Habe es nochmal geprüft.

Das hat technische Gründe. Und zwar ist die Zuordnungsaufgabe standardmäig so eingestellt, dass es nach Beantworten des letzten Items automatisch mit der nächsten Seite weiter geht (das könnten Sie deaktivieren).

Nun könnte es aber sein, dass die automatische Weiterleitung fehl schlägt. Und damit der Teilnehmer dann nicht "festhängt", wird der Weiter-Knopf eingeblendet, sobald die automatische Weiterleitung ausgelöst wurde. Falls diese in der Frage eingeschaltet ist.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen

Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

Categories

Snow Theme by Q2A Market
Powered by Question2Answer
...