Check out the LimeSurvey source code on GitHub!

qtip ne fonctionne pas avec le template sherpa ?

More
3 years 1 month ago - 3 years 1 month ago #102992 by karld
Bonjour,

Avec LimeSurvey version 2.00+ Build 131009 (installé dans le répertoire mon.site/livesurvey/ ), lorsque j'essaie d'utiliser qtip pour remplacer les tooltips (title), cela ne fonctionne pas avec le template Sherpa, mais bien avec le template citronade.

Voici comment je procède dans les 2 cas :
  • dans startpage.pstp : sous la ligne {TEMPLATEJS}, ajouter
    <script src="/limesurvey/scripts/jquery/jquery.qtip.js" type="text/javascript"></script>
  • dans la page template.js, ajouter le code suivant en bas de page :
    $(document).ready(function() 
    {
       // By suppling no content attribute, the library uses each elements title attribute by default
       $('#content span[title]').qtip({
          content: {
             text: false // Use each elements title attribute
          },
          style: 'light' // Give it some style
       });
     
       // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
       // $('#content a[href]').qtip();
    });

Ensuite, dans mon sondage, si je mets ceci :
test qtip <span title="qtip test">ici</span>
le tooltip est bien remplacé par une boite blanche avec citronade mais pas avec sherpa (cf. pièces jointes).

J'ai essayé sur 2 serveurs différents (avec la même version de LimeSurvey).

Pourquoi cela ne fonctionne-t-il pas avec le template sherpa ?

Merci d'avance.
Attachments:
Last Edit: 3 years 1 month ago by karld. Reason: correction + pièces jointes

Please Log in to join the conversation.

More
3 years 1 month ago #103035 by Nickko
Je ne sais pas ce qu'est qtip ni ce que tu essaies de faire, j'ai bien compris que tu voulais modifier un thème que ta modif fonctionnait sur certain et pas sur d'autre.

Est-ce que tu maîtrises un peu le developpement web ? Dans ce cas, je pense que tu as déjà du tracer l’exécution de ton script avec un debugger type Firebug. Cela ne t'as pas aidé ?

Avant de te répondre, j'attendais de voir si quelqu'un de plus technique que moi passer par là pour te répondre, ce n'est pas le cas, mais ça ne veut pas dire que ça n'arrivera pas, nous sortons d'une période creuse.

Ce que je peux te proposer à mon niveau, c'est de chercher une alternative fonctionnelle à ta solution qui consiste à utiliser qtip, le fonctionnel et l'utilisateur sont mon métier.

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
3 years 1 month ago #103036 by karld
Bonjour Nickko,

Merci pour ta réponse.

"qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework."
craigsworks.com/projects/qtip/

Il est intégré dans LimeSurvey (plugin), cf. les discussions ici et .

Oui, j'ai utilisé firebug et je n'ai rien pu en tirer (pas de message d'erreur qui se retrouverait avec le template sherpa et pas avec le template citronade), mais je ne connais pas javascript.

Comme on peut le voir dans les 2 captures d'écran dans le message originel, qTip fonctionne bien avec le template citronade, donc je pense avoir utilisé correctement les instructions. Je m'étonnais de voir qu'avec le template sherpa cela ne fonctionnait pas.
Je posterai éventuellement sur le forum anglophone si je n'ai pas de réponse ici.

Merci pour ton aide.

Please Log in to join the conversation.

More
3 years 1 month ago #103037 by Nickko
si ce n'est pas une erreur JS, peut-être un style CSS qui masque / rend invisible ou déplace très loin les nouvelles infobulles.

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
3 years 1 month ago #103040 by DenisChenu
Salut,

De souvenir, citronade inclus l'ensemble des css de jquery-ui, ce n'est peut être pas le cas de sherpa.

Des liens de tests ce serait plus facile.

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).

Please Log in to join the conversation.

More
3 years 1 month ago #103057 by DenisChenu
Salut,

Pas de #content dans sherpa.

Donc:
<script type="text/javascript">
 $(document).ready(function() 
    {
       $('[title]').qtip({
          content: {
             text: false // Use each elements title attribute
          },
          style: 'light' // Give it some style
       });
    });
</script>
S'appliquera à tout élément avec title="".

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).
The following user(s) said Thank You: karld

Please Log in to join the conversation.

More
3 years 1 month ago #103062 by karld
Magnifique, cela fonctionne parfaitement.

Grand merci, Denis.

Please Log in to join the conversation.

Moderators: Nickko
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form