Welcome, Guest
Username: Password: Remember me

TOPIC: qtip ne fonctionne pas avec le template sherpa ?

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #102992

  • karld
  • karld's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 15
  • Karma: 0
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: 7 months 2 weeks ago by karld. Reason: correction + pièces jointes
The administrator has disabled public write access.

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103035

  • Nickko
  • Nickko's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2064
  • Thank you received: 250
  • Karma: 54
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
The administrator has disabled public write access.

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103036

  • karld
  • karld's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 15
  • Karma: 0
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.
The administrator has disabled public write access.

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103037

  • Nickko
  • Nickko's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2064
  • Thank you received: 250
  • Karma: 54
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
The administrator has disabled public write access.

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103040

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

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103057

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6252
  • Thank you received: 799
  • Karma: 239
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
The administrator has disabled public write access.
The following user(s) said Thank You: karld

qtip ne fonctionne pas avec le template sherpa ? 7 months 2 weeks ago #103062

  • karld
  • karld's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 15
  • Karma: 0
Magnifique, cela fonctionne parfaitement.

Grand merci, Denis.
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.271 seconds
Donation Image