qtip ne fonctionne pas avec le template sherpa ?

More
3 years 4 months ago - 3 years 4 months ago #102992 by karld
karld created the topic: qtip ne fonctionne pas avec le template sherpa ?
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 4 months ago by karld. Reason: correction + pièces jointes

Please Log in to join the conversation.

More
3 years 4 months ago #103035 by Nickko
Nickko replied the topic: qtip ne fonctionne pas avec le template sherpa ?
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 4 months ago #103036 by karld
karld replied the topic: qtip ne fonctionne pas avec le template sherpa ?
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 4 months ago #103037 by Nickko
Nickko replied the topic: qtip ne fonctionne pas avec le template sherpa ?
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 4 months ago #103040 by DenisChenu
DenisChenu replied the topic: qtip ne fonctionne pas avec le template sherpa ?
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).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
3 years 4 months ago #103057 by DenisChenu
DenisChenu replied the topic: qtip ne fonctionne pas avec le template sherpa ?
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).
An error happen ? Before make a new topic : remind the Debug mode .
The following user(s) said Thank You: karld

Please Log in to join the conversation.

More
3 years 4 months ago #103062 by karld
karld replied the topic: qtip ne fonctionne pas avec le template sherpa ?
Magnifique, cela fonctionne parfaitement.

Grand merci, Denis.

Please Log in to join the conversation.

Moderators: Nickko

Start now!

Just create your account and start using Limesurvey today.

Register now