Hallo, Sophia,
dazu fügst Du dieses kleine javascript-Stückchen in den Quelltext der Frage ein.
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Identify this question
var thisQuestion = $('#question{QID}');
// Define the sub-heading text strings
var subHeading1 = 'Während meiner Arbeit lege ich Wert darauf, dass...';
// Wenn man weitere Zwischentexte möchte, werden sie hier definiert
// var subHeading2 = 'Wie anregend finden Sie dieses Bild?';
// var subHeading3 = 'In welke mate wordt er sociale interactie afgebeeld';
var columnsLength = $('tr.answers-list:eq(0) > *', thisQuestion).length;
// Insert the new rows
// Wichtig ist das "eq(x)". Dieses definiert die Zeile, beginnen bei 0 = 1.Zeile
$('tr.answers-list:eq(0)', thisQuestion).before('<tr class="sub-header-row"><th colspan="'+columnsLength+'">'+subHeading1+'</th></tr>');
// Wenn also ein zweiter Zwischentext vor der vierten Teilfrage sein soll
// $('tr.answers-list:eq(3)', thisQuestion).before('<tr class="sub-header-row"><th colspan="'+columnsLength+'">'+subHeading2+'</th></tr>');
// Fix up the row classes
var rowClass = 1;
$('table.subquestions-list tbody tr', thisQuestion).each(function(i) {
if($(this).hasClass('sub-header-row')) {
rowClass = 1
}
else {
rowClass++;
$(this).removeClass('array1 array2')
if(rowClass % 2 == 0) {
$(this).addClass('array2');
}
else {
$(this).addClass('array1');
}
}
});
});
</script>
Diese Zwischentexte kann man dann nach Gusto stylen.
Hier nur einmal mit der Schriftfarbe "maroon"
var subHeading1 = '<span style="color:maroon">Während meiner Arbeit lege ich Wert darauf, dass...</span>';
Viel Erfolg
Joffm
