Textbaustein einem Platzhalter als String zuweisen

Question

Textbaustein einem Platzhalter als String zuweisen

3 Answers

answered Oct 1, 2019 by SoSci Survey (328k points)
selected Oct 2, 2019 by s109993

Best answer

Sie können einfach replace() mit getTextElement() verbinden:

replace('%text%', getTextElement('AB01'), 'html');

Wenn Sie ein wenig Speicher sparen möchten - denn die Platzhalter haben zusammen nur ca. 32 KB - dann können Sie den Text auch als temporären Platzhalter verwenden. Und zwar mit der Funktion show() statt text() bzw. statt question().

show('XX02', [
    '%text%' => getTextElement('AB01')
]);

commented Oct 2, 2019 by s109993 (12.0k points)
edited Oct 2, 2019 by s109993

Das funktioniert super, kommt aber mit einem Problem. Wenn ich den folgenden Code benutze replace('%B1_D1%', getTextElement('B1_D1'), 'html');
wird dem Text ein div- Element vorangesetzt und der Text in zwei p- tags gesetzt.

Für meine Anwendung will ich den Platzhalter in mein TTS script einbauen.
<a type"button" style="vertical-align:middle;" value="Play" onclick="responsiveVoice.speak('%B1_D1%','Deutsch Female');"><img src="TTS.png"></a>
Die html Tags im String beenden bzw. unterbrechen den TTS Befehl allerdings.

Das hat auch schon ohne Probleme funktioniert, wenn ich die Platzhalter "normal" erstellt habe: replace('%fahrzeug%', 'AB01', 'response');
Dieses Mal muss es aber über die TExtbausteine gemacht werden.

Ich vermute das die html Tags durch die getTextElement() Funktion an den String angespielt werden?! Können diese irgendwie umgangen werden?

Entschuldigen Sie die sehr spezifische Nachfrage- ich hoffe ich habe das Problem ausreichend dargelegt.

EDIT:
Ich konnte den Fehler beheben. Habe den 'html' Teil weggelassen: replace('%B1_D1%', getTextElement('B1_D1')); und den Textbaustein nicht mehr als "einfachen Text" abgespeichert, sondern als HTML Code.

commented Oct 2, 2019 by SoSci Survey (328k points)

commented Oct 7, 2019 by s109993 (12.0k points)

commented Oct 7, 2019 by SoSci Survey (328k points)

commented Oct 8, 2019 by s109993 (12.0k points)

Answer 1 · 2019-10-08T05:58:07+0000

gerne: es geht darum das ein Anschreiben, das Teilnehmer postalisch erhalten, auch als Audiodatei verfügbar ist (für Analphabeten etc.). Dafür haben wir den Gebrauch von SoSci etwas abgeändert. Wir haben Screensshots des Anschreibens in SoSci eingefügt und über jedes Bild Lautsprecher programmiert die einen Teil des zu sehenden Bildes vorlesen.

Dafür wurden alle Texte, welche vorgelesen werden als Textbausteine in vier Sprachen angelegt.
Auf der ersten Seite befindet sich ein Sprachfilter:

if (getLanguage() == 'ger') {
goToPage('ger');

} elseif (getLanguage() == 'eng') {
goToPage('eng');

} elseif  (getLanguage() == 'ara') {
goToPage('ara');

} else {
goToPage('rum');

}

Dann auf der ersten Seite "ger" werden alle Textbausteine in Platzhalter abgespeichert:

replace('%B1_D1%', getTextElement('B1_D1'));
replace('%B1_D2%', getTextElement('B1_D2'));
replace('%B2_D1%', getTextElement('B2_D1'));
.....

Anschließend werden alle Lautsprecher und Bilder zusammengefügt:

    <div class="rahmen">
    <span class="c">1.   </span><a type"button" style="vertical-align:middle;" value="Play" onclick="responsiveVoice.speak('%B1_D1%','Deutsch Female');"><img src="TTS.png"></a>
    <span class="c"style="padding: 0 0 0 60px;">2.   </span><a type="button" style="vertical-align:middle;"  value="Play" onclick="responsiveVoice.speak('%B1_D2%','Deutsch Female');"><img src="TTS.png"></a>
    </div>
    <div style="text-align: center; margin: 40px 0">
    <img src="Bild_1.png">
    </div>
.....
....
....

Und am Ende CSS:

<style>


.rahmen {
  border-style: solid;
  border-width: 1px;
  padding: 10px 10px 10px 10px;
background-color:#eeeeee;

}
.c {
  font-size: 125%;
  font-weight: bold;
    display:inline-block;
    vertical-align:middle;

}
</style>
<script>
SoSciTools.submitButtonsHide();
</script>

Die Speicherkapazität reicht bis zur vierten Sprache arabisch. Dort sind es die letzten vier Textbausteine welche zu viel sind.
Hier noch der Pretest link: https://ofb.iea-hamburg.de/audio/?act=JAfmzgGibM3SjyDGSdaY9KLl

Answer 2 · 2019-10-08T13:38:24+0000

Also zumindest für die SoSci-Datenbank ist es nicht so optimal, wenn so viele zusätzliche Daten pro Interview abgelegt werden ;)

Anschließend werden alle Lautsprecher und Bilder zusammengefügt:

Wenn Sie diesen HTML-Code in einem Textbaustein oder im Fragenkatalog als Text gespeichert haben, können Sie das show() genauso verwenden, wie für eine Frage.

Wenn Sie den HTML-Code direkt im Fragebogen platziert haben (nicht so optimal, das schwerer zu pflegen), können Sie ihn entweder in einen text umziehen oder einen PHP-Code für die Anzeige verwenden und die Texte dort direkt einbauen:

html('
  <div class="rahmen">
    <span class="c">1.   </span><a type"button" style="vertical-align:middle;" value="Play" onclick="responsiveVoice.speak(\''.getTextElement('B1_D1').'\',\'Deutsch Female\');"><img src="TTS.png"></a>
    <span class="c"style="padding: 0 0 0 60px;">2.   </span><a type="button" style="vertical-align:middle;"  value="Play" onclick="responsiveVoice.speak(\''.getTextElement('B1_D2').'\',\'Deutsch Female\');"><img src="TTS.png"></a>
    </div>
    <div style="text-align: center; margin: 40px 0">
    <img src="Bild_1.png">
  </div>
');

Generell würde ich übrigens von dem Springen mittels goToPage() abraten. Meist ist es übersichtlicher, wenn Sie alles auf einer Seite platzieren. Da Sie pro Bedingung nur ein paar Text abrufen (und z.B. in eine PHP-Variable speichern) müssen, wird das auch übersichtlicher.

Textbaustein einem Platzhalter als String zuweisen

Please log in or register to add a comment.

Please log in or register to answer this question.

3 Answers

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Categories