Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Déplacer l'index des questions (Sommaire) en haut de la page

  • fabrob11
  • fabrob11's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #121877 by fabrob11
J'ai un questionnaire un peu long avec 20 groupes de questions et une navigation par groupe.
Pour avoir un sommaire des pages et permettre à l'utilisateur de naviguer plus facilement j'ai activé dans les paramètres généraux "afficher l'index des questions : Complètes".
Mon "Index des questions" s'affiche et fonctionne, mais il est placé en bas de la page et prend beaucoup de place, je souhaite l'avoir en haut un peu comme un menu.

Voici la solution que j'ai mis en place, n'hesitez pas à l'utiliser et à me faire part de vos remarques et commentaires.
Je suis en Version 2.05+ Build 140131, j'utilise un template personnalisé (basée sur citronade).

Quelques personnalisation dans le tempalte.css :
Code:
#index {margin:2em auto 1em; clear:both; width:40%; float:right;}
#index ol{list-style-type: none; margin:0; background:#EEF6FF} 

Modification dans template.js :
Code:
$(document).ready(function(){
  moveLanguageChanger();   // déja présent
      moveIndexContainer();    // -- AJOUT -- pour afficher déplacer et modifier l'index des questions
})
 
//-- AJOUT -- Déplace l'index des Groupes/Question en haut de la page + Afficher/masquer la liste
function moveIndexContainer(){
 
    if($("#index").length){
 
        $("#index").insertAfter("#surveydescription");              //  Déplace l'index en haut de la page
        $("#index div[class='container'] h2").text('Sommaire (cliquer pour afficher/masquer)');     //  Change le titre : Index des questions => Sommaire
        $("#index div[class='container'] h2").attr('onclick','voircacher("olindex")');
        $("#index ol").attr('id','olindex');                        //  Ajoute l'id "olindex" à la liste des pages
        $("#index").css({                                         
                'text-align':'center',                                   
                'cursor':'pointer',
            });         
        $("#olindex").css({                                         
                'display':'none',                                   //  Masquer la liste
                'text-align':'left',  
                'position':'absolute',
                'z-index':'1',
            });        
  }
}
 
function voircacher(IdElement)  // Afficher ou masquer en fonction de l'Id
{
  if(document.getElementById(IdElement).style.display=='block'){
    document.getElementById(IdElement).style.display='none';
  }else{
    document.getElementById(IdElement).style.display='block';
  }
}             
The topic has been locked.
More
8 years 9 months ago - 8 years 9 months ago #121879 by Ben_V
Salut,
C'est une question que tu poses ou tu as atteint ton but et tu partages ta solution?
Pense aussi à mettre des captures d'écran pour nous aider à visualiser....

Sinon, cette discussion devrait t'interesser

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last edit: 8 years 9 months ago by Ben_V.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #121895 by DenisChenu
Salut,

Ca serait y pas dans une ancienne version de SkeletonQuest ? La dernière version intègre un système de ce genre.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • fabrob11
  • fabrob11's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #121916 by fabrob11
C'est plutôt une solution que je propose car je n'ai pas trouvé beaucoup d'aide sur le sujet. Et je n'ai pas encore testé la solution sur IE ou chrome, ni sur tablette/smartphone !
J'ajouterai quelques copies d’écran lundi quand je serai au bureau ...

Mais si vous avez une solution plus simple ou des améliorations à proposer je suis intéressé. .
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #121927 by DenisChenu
Salut,

Le "patch" que tu propose ne peux fonctionner que sur certains modèles : moveLanguageChanger n'est pas une fonction du coeur de LimeSurvey , ni incluse dans les modèes intégrés.
La nouvelle version de SkeletonQuest propose déjà une solution pour gérer l'index. Tu peux proposer des patchs à skeletonquest ici : git.framasoft.org/Shnoulle/SkeletonQuest/merge_requests :)

Ce sera avec plaisir.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose