Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : Coloriage réponse dans un tableau

Coloriage réponse dans un tableau il y a 1 an 3 semaines #98880

  • titoun31
  • Portrait de titoun31
  • Hors ligne
  • Expert Lime
  • Messages : 94
  • Remerciements reçus 11
  • Karma: 6
Bonjour,

Je souhaiterais améliorer un tout petit peu l'ergonomie d'un de mes questionnaires qui comportent beaucoup de tableaux de questions à 4 modalités classiques. Je souhaiterais quand un répondant coche sa réponse sur une ligne que cette case se colorie d'une couleur personnalisée.

J'imagine qu'il faudrait que je rajoute une fonction onclick() dans une source (?) quelque part avec un petit script JS que je peux intégrer dans mon template.
Quelqu'un aurait déjà vu un petit code ou un workaround sur ce sujet ? ou sinon, auriez-vous quelques indications pour bien placer cette fonction ou autres ?

Merci bcp,

Thibault
L'administrateur a désactivé l'accès en écriture pour le public.

Coloriage réponse dans un tableau il y a 1 an 3 semaines #98881

  • Nickko
  • Portrait de Nickko
  • Hors ligne
  • LimeSurvey Team
  • Messages : 2073
  • Remerciements reçus 251
  • Karma: 54
Je n'ai pas encore vu de Workarround pour ça, je pense qu'avec un peu de JS comme tu le dis tu pourras faire ce que tu veux. Je ne maîtrise pas assez la question pour te dire comment faire par contre.
Nickko
Ergonome / Usability expert
L'administrateur a désactivé l'accès en écriture pour le public.

Coloriage réponse dans un tableau il y a 1 an 3 semaines #98884

  • titoun31
  • Portrait de titoun31
  • Hors ligne
  • Expert Lime
  • Messages : 94
  • Remerciements reçus 11
  • Karma: 6
Merci Nickko pour ton retour... Je vais essayer de chercher un peu dans ce sens. Si je trouve un truc, je vous en ferai part ! :)

Bon aprem !

Thibault
L'administrateur a désactivé l'accès en écriture pour le public.

Coloriage réponse dans un tableau il y a 1 an 3 semaines #98894

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 6276
  • Remerciements reçus 801
  • Karma: 241
Salut,

Un système de :
$("table.question").delegate('input.radio','click', function(e) {
  if($(this).is(':checked')){
    $(this).closest('tr').find('td').removeClass('selected');
    $(this).closest('td').addClass('selected');
  }else{
   $(this).closest('tr').find('td').removeClass('selected');
  }
});

Denis
L'administrateur a désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: titoun31

Coloriage réponse dans un tableau il y a 1 an 2 semaines #99115

  • titoun31
  • Portrait de titoun31
  • Hors ligne
  • Expert Lime
  • Messages : 94
  • Remerciements reçus 11
  • Karma: 6
Merci Denis pour ce code.
J'ai mis un peu de temps à le tester mais il fonctionne, seulement uniquement que lorsque le click est sur l'input.radio pas sur l'array du tr.td
J'ai essayé de modifier les conditions mais sans trop de succès : aurais-tu une petite idée STP ?

Merci bcp bcp !

Thibault
L'administrateur a désactivé l'accès en écriture pour le public.

Coloriage réponse dans un tableau il y a 1 an 1 semaine #99159

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 6276
  • Remerciements reçus 801
  • Karma: 241
Salut,

Ouaip, corrigé dans le version 2.05 ...

Ajoute cela dans ton template.js :
/**
 * Adapt cell to have a click on cell do a click on input:radio or input:checkbox (if unique)
 * Using delegate the can be outside document.ready
 * @author Denis Chenu / Shnoulle
 */
function prepareCellAdapters()
{
	$('table.question').delegate('tbody td input:checkbox,tbody td input:radio,tbody td label',"click", function(e) {
		e.stopPropagation();
	});
	$('table.question').delegate('tbody td',"click", function() {
		if($(this).find("input:radio,input:checkbox").length==1)
		{
			$(this).find("input:radio").click();
			$(this).find("input:radio").triggerHandler("click");
			$(this).find("input:checkbox").click();
			$(this).find("input:checkbox").triggerHandler("click");
		}
	});
}
L'administrateur a désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: titoun31
Modérateurs: Nickko
Temps de génération de la page : 0.151 secondes
Donation Image