Tableau à plusieurs échelles et différents types de question

More
4 years 11 months ago #83185 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
1er essai : on voit apparaître des choses, ça fait plaisir :laugh: , la mise en page est à travailler par la suite..
Où doit-on rentrer les modalités de questions étant donné qu'aucune d'entre elles ne propose de choix de réponses ?

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Attachments:

Please Log in to join the conversation.

More
4 years 11 months ago #83191 by DenisChenu
DenisChenu replied the topic: Tableau à plusieurs échelles et différents types de question
Ici non,

Il serait possible de modifier le script pour que le texte des questions soit repris pour les entêtes. Mais ce n'est pas le cas ici.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
4 years 11 months ago #83194 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
Comment ont-il fait alors dans leur exemple pour faire apparaître le A), B) et C) ?

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 11 months ago #83197 by DenisChenu
DenisChenu replied the topic: Tableau à plusieurs échelles et différents types de question
Pour voir comment se présente le groupe en question : test le sans javascript activé sur ton navigateur.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
4 years 11 months ago #83203 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
C'est juste que là mon tableau n'a pas de modalités de réponses donc aucun intérêt. J'aurais aimé savoir où elles doivent être écrites pour apparaître dans le tableau sachant qu'elles sont communes à toutes les questions présentes dans celui-ci.
Tant pis je vais voir si je n'y arrive pas, on fera en plusieurs questions. Merci.

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 11 months ago #83206 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
Si je pourrais avoir juste un exemple de code (pour la 1ère modalité du tableau par exemple) pour intégrer mes modalités :blush: savoir quoi écrire et où surtout..

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 11 months ago - 4 years 11 months ago #83209 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
<script type="text/javascript" charset="utf-8">
 
	$(document).ready(function() { 
 
		// Call the "sideBySide" function with number of rows and columns
		sideBySide(4, 5);
	});
 
	function sideBySide(rows, columns) {
 
		/*********** 
		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) {
                                /* This IF condition only needed if there are questions 
                                following the "inline" questions*/
                                if(rowNum <= rows) {
					$(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('<div id="inlineWrapper'+i+'" class="inlineRow" />');
			}); 
 
			// 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':'41px',
				'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': '22%'
			});
                        $( '.qCol3' ).css({
				'width': '12%'
			});
                        $( '.qCol4' ).css({
				'width': '22%'
			});
			$( '.qCol2, .qCol5' ).css({
				'width': '22%'
			});
 
			//////// 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':'50px' });
			$( '#inlineWrapper0 td.questiontext' ).css({
				'height':'50px'
			});
 
			// Short free text question styles
			$( 'div.Short free text input' ).css({
				'width': '125px',
				'margin-left': '0'
			});
 
                        // 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 free text question styles
			$( 'div.Short free text input' ).css({
				'width': '125px',
				'margin-left': '0'
			});
 
			// 5 point choice question styles
			$( 'div.5 point choice input' ).css({
				'width': '125px',
				'margin-left': '0'
			});
			$( 'div.5 point choice p.tip' ).css({
				'display': 'yes - stars'
			});
 
			// Get rid of the margins around select boxes    
			$( 'p.question' ).css({ 'margin':'0' }); 
 
		}
	}
 
</script>

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Last Edit: 4 years 11 months ago by DenisChenu. Reason: code javascript

Please Log in to join the conversation.

More
4 years 11 months ago #83275 by DenisChenu
DenisChenu replied the topic: Tableau à plusieurs échelles et différents types de question
Je me demande si il ne faut pas une série de question "Affichage de texte" correspondant aux entête de questions.

Avant la série de question.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
4 years 11 months ago #83298 by Remundo
Remundo replied the topic: Tableau à plusieurs échelles et différents types de question
Suite à votre recommandation, voilà le résultat actuel..



Plus qu'à faire afficher les cases de réponses maintenant :dry:

Je me posais une question, une fois que la question sera aboutie, les autres questions créés pour sa conception pourront-elles être supprimées ou faudra-t-il les cacher sachant que si elles sont obligatoires, cela posera problème par la suite!!!

De tout manière si je vois que ce système est peu fiable, je ferais en plusieurs questions comme d'habitude.

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Attachments:

Please Log in to join the conversation.

Moderators: Nickko

Start now!

Just create your account and start using Limesurvey today.

Register now