Group
164
en
gid
sid
group_name
group_order
description
language
randomization_group
grelevance
qid
parent_qid
sid
gid
type
title
question
preg
help
other
mandatory
question_order
language
scale_id
same_default
relevance
<![CDATA[Javascript]]>
$(document).ready(function() {
// Call the "sideBySide" function with number of rows and columns
sideBySide(6, 5, 2);
});
function sideBySide(rows, columns, startQuestion) {
/***********
Display multiple questions side by side
***********/
if ($('div.qRow1').length == 0) {
var rowNum = 0;
var colNum = 1;
var rowList = new Array();
//////// Add question classes for later use ////////
// Loop through all questions and add row and column specific classes
$('div[id^="question"]').each(function(i) {
if(i >= (startQuestion-1) && rowNum < rows) { // This IF condition only needed if there are questions following the "inline" questions
$(this).addClass('qRow'+rowNum+'').addClass('qCol'+colNum+'').addClass('inlineQuestion');
if(rowNum == 0 && colNum > 1) {
$(this).addClass('columnLabel');
}
if(rowNum > 0 && colNum == 1) {
$(this).addClass('rowLabel');
}
else if(rowNum > 0 && colNum > 1) {
$(this).addClass('questionCell');
}
if(colNum == columns) {
rowList.push('qRow'+rowNum+'');
rowNum++;
colNum = 1;
}
else {
colNum++;
}
}
else {
$(this).addClass('normalQuestion');
}
});
//////// Survey layout manipulation ////////
// Fix the width of the survey
$('table.outerframe').css({
'width': '900px'
});
// Wrap each "row" in a wrapper div
$(rowList).each(function(i) {
$('.'+this+'').wrapAll('');
});
// Style the wrapper divs
$('.inlineRow').css({
'width': '850px',
'margin': '0 auto 0 auto',
'clear': 'both'
});
$( '.inlineRow:first' ).css({
'margin-top': '10px'
});
// Get all the questions to sit politely side by side
$( '.inlineQuestion' ).css({
'float': 'left',
'height':'60px',
'overflow':'hidden',
'margin-bottom': '-8px'
});
$( '.inlineQuestion .questionhelp' ).hide();
$( '.inlineQuestion .survey-question-help' ).parent().hide();
// A little space under the last row
$( '.inlineRow:last .inlineQuestion' ).css({
'margin-bottom': '10px'
});
// Any questions not displayed inline (this is only needed if there are questions following the "inline" questions)
$( '.normalQuestion' ).css({
'clear': 'both'
});
//////// Column manipulation ////////
// Set the column widths - can be set individually if necessary
// Must add up to less than 100%
$( '.qCol1' ).css({
'width': '20%'
});
$( '.qCol2, .qCol3, .qCol4, .qCol5' ).css({
'width': '20%'
});
//////// Question manipulation ////////
// Hide the answer element in boilerplate questions
$( 'div.boilerplate td.answer' ).parent().hide();
// Hide the question text elements in non-boilerplate questions
$('div.questionCell td.questiontext').parent().hide();
// Push the question tables to 100%
$( 'div.inlineRow table' ).css({
'width': '100%'
});
// Get everything to line up nicely vertically
$( '.inlineQuestion td.questiontext, .inlineQuestion td.answer p' ).css({
'text-align': 'center'
});
// Adjust cell heights so everything lines up nicely horizontally
$( '.inlineQuestion td.answer, .inlineQuestion td.questiontext' ).css({
'height':'35px',
'overflow':'hidden',
'padding':'0.5em'
});
$( '#inlineWrapper0 .inlineQuestion' ).css({ 'height':'80px' });
$( '#inlineWrapper0 td.questiontext' ).css({
'height':'80px'
});
// Yes-no question styles
$( 'div.yes-no ul' ).css({
'text-align': 'center',
'font-size': '90%',
'margin': '0',
'padding-bottom': '5px'
});
$( 'div.yes-no li' ).css({
'padding-right': '1.5em'
});
$( 'div.yes-no td.answer' ).css({
'padding-bottom': '0'
});
// Short-text question styles
$( 'div.text-short input' ).css({
'width': '125px',
'margin-left': '0'
});
// Numeric question styles
$( 'div.numeric input' ).css({
'width': '125px',
'margin-left': '0'
});
$( 'div.numeric p.tip' ).css({
'display': 'none'
});
// Get rid of the margins around select boxes
$( 'p.question' ).css({ 'margin':'0' });
}
}
]]>
<![CDATA[AQ1]]>
<![CDATA[AQ2]]>
<![CDATA[AQ3]]>
<![CDATA[AQ4]]>
]]>
<![CDATA[AQ5]]>
]]>
<![CDATA[AQ6]]>
<![CDATA[A6Q1]]>
<![CDATA[A6Q2]]>
<![CDATA[A6Q3]]>
<![CDATA[A6Q4]]>
<![CDATA[AQ7]]>
<![CDATA[A7Q1]]>
<![CDATA[A7Q2]]>
<![CDATA[A7Q3]]>
<![CDATA[A7Q4]]>
<![CDATA[AQ8]]>
<![CDATA[A8Q1]]>
<![CDATA[A8Q2]]>
<![CDATA[A8Q3]]>
<![CDATA[A8Q4]]>
<![CDATA[AQ9]]>
<![CDATA[A9Q1]]>
<![CDATA[A9Q2]]>
<![CDATA[A9Q3]]>
<![CDATA[A9Q4]]>
<![CDATA[AQ10]]>
<![CDATA[A10Q1]]>
<![CDATA[A10Q2]]>
<![CDATA[A10Q3]]>
<![CDATA[A10Q4]]>
qid
parent_qid
sid
gid
type
title
question
preg
help
other
mandatory
question_order
language
scale_id
same_default
relevance
<![CDATA[1]]>
<![CDATA[1]]>
<![CDATA[1]]>
<![CDATA[1]]>
<![CDATA[1]]>
qid
code
answer
sortorder
assessment_value
language
scale_id
qid
attribute
value
language