freies Eingabefeld zentrieren?

Question

Liebes SoSciSurvey-Team,

Ich wüsste gerne (da ich bisher auch in euren wirklich hilfreichen Tutorials noch nichts gefunden habe), ob es eine Möglichkeit gibt, ein freies Eingabefeld zu verschieben.

Das Bild und die zugehörigen Fragen habe ich durch <div style="text-align: center; margin: 40px 0"> in die Mitte verschoben und würde nun auch gerne das dazugehörige freie Eingabefeld in diese Position bringen.

Ich habe bisher nur gefunden, wie ich die Größe des Eingabefeldes verändern kann, aber nicht die Position.

Außerdem wollte ich auch fragen, ob es die Möglichkeit gibt, dass das freie Antwortfeld automatisch ausgewählt wird, also dass die Versuchsperson nicht jedes Mal neu in das Feld klicken muss, um es auszuwählen.

Vielen Dank schon einmal im Voraus & viele Grüße!

Answer 1

Am einfachsten erreichen SIe das im geschilderten Fall mit einem frei platzierten Eingabefeld.

Wenn Ihr EIngabefeld die Kennung (=Variablen-Kennung) EF01_01 hat, dann würden Sie z.B: folgenden HTML-Code verwenden:

<div style="text-align: center; margin: 40px 0">
  <div style="margin-bottom: 20px;"><img src="bild01.jpg"></div>
  <div style="margin-bottom: 10px;">Gibt eine Zahl zwischen 0 und 100 ein!</div>
  <div>%input:EF01_01%</div>
</div>

Außerdem wollte ich auch fragen, ob es die Möglichkeit gibt, dass das freie Antwortfeld automatisch ausgewählt wird

Ja, ergänzen Sie darunter noch folgenden HTML-/JavaScript-Code:

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

document.getElementById("EF01_01").focus();

// -->
</script>

Comments

Vielen Dank das hat mir sehr weitergeholfen!
Gibt es einen ähnlichen HTML-Code um eine Auswahlskala (gleiches Prinzip wie oben: Frage - darunter das Bild - dann eine 4 stufige normale Auswahlaufgabe) zu zentrieren?

---

Es kommt ein wenig darauf an, was exakt SIe mit "Auswahlskala" meinen. Aber wenn SIe eine ganze Frage zentrieren möchten, setzen Sie folgenden HTML-Code davor:

<div style="width: 60%; margin: 0 auto;">

Und hinter die Frage noch ein

</div>

Answer 2

Ich wollte gerne wissen, ob es möglich ist, die Auswahl direkt unter dem Bild zu platzieren - wenn nicht, bzw. besonders aufwändig, wäre das aber auch kein Muss!