- Posts: 14369
- Thank you received: 4373
Ask the community, share ideas, and connect with other LimeSurvey users!
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:complete',function() { var qID = {QID}; var inputNum = 2; // Define the select element (dropdown) var prov1 = '<select id="prov1" class="form-control">\ <option value="">--</option>\ <option value="1">Option 1</option>\ <option value="2">Option 2</option>\ <option value="3">Option 3</option>\ <option value="4">Option 4</option>\ <option value="5">Option 5</option>\ </select>'; // Hide the text input $('#question'+qID+' .question-item:eq('+(inputNum-1)+') input[type="text"]').hide(); // Insert the select elements if($('#question'+qID+' .question-item:eq('+(inputNum-1)+') select').length == 0) { $('#question'+qID+' .question-item:eq('+(inputNum-1)+') input[type="text"]').before(prov1); } // Initially select an option if the question has already been answered $('#question'+qID+' select').each(function(i) { if($.trim($(this).next('input[type="text"]').val()) != '') { $(this).val($.trim($(this).next('input[type="text"]').val())); } }); // Listener on the dropdowns - insert selected values into hidden text input $('#question'+qID+' select').change(function() { var thisInput = $(this).next('input[type="text"]'); $(thisInput).val($(this).val()); checkconditions($(thisInput).attr('value'), $(thisInput).attr('name'), 'text'); }); // Some styles $('#question'+qID+' select').css({ 'margin':'0.3em 0 0 0', 'width':'100%' }); }); </script>
Naja, erstens habe ich das Wort "informiert" weggelassen, da es schon in der Frage steht.dass sich die erste und letzte Möglichkeit so komisch über die Zeilen "verteilt". Schöner wäre es ja, wenn die Schrift in einer Zeile und die Zahl in der anderen Zeile wäre (so wie in deinem Beispiel.)
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ // Identify this question var thisQuestion = $('#question{QID}'); // Add a question class thisQuestion.addClass('custom-array'); // Column-specific classes $('table.subquestion-list tr', thisQuestion).each(function(i) { $('th, td', this).each(function(i) { $(this).addClass('column-'+i); }); }); /* Wenn nur der farbige Strich gewünscht wird, nicht das Kästchen, lass den Teil weg */ // Listener on the radios $('input:radio', thisQuestion).on('click', function(i) { $(this).closest('tr').find('.active-item').removeClass('active-item'); $(this).closest('td').addClass('active-item'); }); /* Bis hier */ }); </script>
<style type="text/css">.custom-array table.subquestion-list thead td, .custom-array table.subquestion-list thead th { border-bottom-width: 8px; border-bottom-style: solid; } .custom-array table.subquestion-list thead .column-1 { border-bottom-color: #A80200; } .custom-array table.subquestion-list thead .column-2 { border-bottom-color: #C15A00; } .custom-array table.subquestion-list thead .column-3 { border-bottom-color: #D69D00; } .custom-array table.subquestion-list thead .column-4 { border-bottom-color: #E4C900; } .custom-array table.subquestion-list thead .column-5 { border-bottom-color: #ECE200; } .custom-array table.subquestion-list thead .column-6 { border-bottom-color: #E2EC00; } .custom-array table.subquestion-list thead .column-7 { border-bottom-color: #9CE400; } .custom-array table.subquestion-list thead .column-8 { border-bottom-color: #9DD600; } .custom-array table.subquestion-list thead .column-9 { border-bottom-color: #5AC100; } .custom-array table.subquestion-list thead .column-10 { border-bottom-color: #00A800; } /* Wenn nur der farbige Strich gewünscht wird, nicht das Kästchen, lass den Teil weg */ .custom-array td.column-1:hover, .custom-array td.active-item.column-1 { background-color: #A80200; } .custom-array td.column-2:hover, .custom-array td.active-item.column-2 { background-color: #C15A00; } .custom-array td.column-3:hover, .custom-array td.active-item.column-3 { background-color: #D69D00; } .custom-array td.column-4:hover, .custom-array td.active-item.column-4 { background-color: #E4C900; } .custom-array td.column-5:hover, .custom-array td.active-item.column-5 { background-color: #ECE200; } .custom-array td.column-6:hover, .custom-array td.active-item.column-6 { background-color: #ECEC00; } .custom-array td.column-7:hover, .custom-array td.active-item.column-7 { background-color: #9CE400; } .custom-array td.column-8:hover, .custom-array td.active-item.column-8 { background-color: #9DD600; } .custom-array td.column-9:hover, .custom-array td.active-item.column-9 { background-color: #5AC100; } .custom-array td.column-10:hover, .custom-array td.active-item.column-10 { background-color: #00A800; } </style>
<style type="text/css"> .custom-array table.subquestion-list col { width: auto !important; } .custom-array table.subquestion-list thead td, .custom-array table.subquestion-list thead th { border-bottom-width: 8px; border-bottom-style: solid; } .custom-array table.subquestion-list thead .column-0 { padding: 0; width: 0; } .custom-array table.subquestion-list thead .column-1 { border-bottom-color: #A80200; width:18%; } .custom-array table.subquestion-list thead .column-2 { border-bottom-color: #C15A00; width:8%; } .custom-array table.subquestion-list thead .column-3 { border-bottom-color: #D69D00; width:8%; } .custom-array table.subquestion-list thead .column-4 { border-bottom-color: #E4C900; width:8%; } .custom-array table.subquestion-list thead .column-5 { border-bottom-color: #ECE200; width:8%; } .custom-array table.subquestion-list thead .column-6 { border-bottom-color: #E2EC00; width:8%; } .custom-array table.subquestion-list thead .column-7 { border-bottom-color: #9CE400; width:8%; } .custom-array table.subquestion-list thead .column-8 { border-bottom-color: #9DD600; width:8%; } .custom-array table.subquestion-list thead .column-9 { border-bottom-color: #5AC100; width:8%; } .custom-array table.subquestion-list thead .column-10 { border-bottom-color: #00A800; width:18%; } /* und so weiter, der Rest bleibt */