Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

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

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83185

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
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 ?
Attachments:
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83191

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6195
  • Thank you received: 786
  • Karma: 238
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83194

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83197

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6195
  • Thank you received: 786
  • Karma: 238
Pour voir comment se présente le groupe en question : test le sans javascript activé sur ton navigateur.

Denis
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83203

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83206

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 2 weeks ago #83209

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
<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: 2 years 1 week ago by DenisChenu. Reason: code javascript
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 1 week ago #83275

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6195
  • Thank you received: 786
  • Karma: 238
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
The administrator has disabled public write access.

Re: Tableau à plusieurs échelles et différents types de question 2 years 1 week ago #83298

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 358
  • Thank you received: 28
  • Karma: 10
Suite à votre recommandation, voilà le résultat actuel..

Essai2.JPG


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
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: Nickko
Time to create page: 0.156 seconds
Donation Image