Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:

TOPIC: Ajouter info bulle dans questions pour guider utilisateur

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65922

  • firaponte
  • firaponte's Avatar
  • Offline
  • Junior Lime
  • Posts: 23
  • Karma: 1
MERCIIIIII Beaucoup!! J'ai compris :) :)

L'ensemble de vos réponses m'a permis de mieux comprendre, et de faire le parallèle avec ce que j'avais quand je codais à la main avec mon éditeur de texte.

Par contre, il me reste un détail à régler, qui se trouve dans la partie qu'on met sous la question, entre les balises <script>

Il y a quelque chose que j'ai du rater car, je copie colle le texte que Ysthad tu as mis plus haut. Ca colle bien. Puis je clique sur "source" pour revenir en mode affichage normal. A ce moment là, et quand je fais visualisation de ma question, il y a un problème.
Il ne prend pas mon bout de code comme du code. mon bout de script apparait dans le questionnaire.
J'ai bien mis les balises <script> pourtant et j'ai vérifié, mes incollades sont toutes fermées.
Je retourne vérifier dans la description de la question, et là,
il n'y a pas le début du script

Il affiche:


[Texte de ma question ]
ript :="" charset=""utf-8">" cursor_padding_x="10" cursor_padding_y="10" e.pagex="" e.pagey="=" function="" obj="document.getElementById("infobullerelative");" obj.style.left="x" obj.style.top="y" type=""text/javascript"" x="(navigator.appName.substring(0,3)" y="(navigator.appName.substring(0,3)"> mousemove = position; function see_bulle(img_){ Obj .....


Il a mangé le début de la balise <script>

Puis, si je vais dans le code source,
il m'a rajouté un <x> au milieu de la balise script, c'est à dire qu'il y a <sc<x>ript.
Je ne sais pas si c'est lié, mais du coup je pense qu'il n'interprète pas mon petit morceau de code.

Avez vous une idée?

Mercii
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65929

  • Ysthad
  • Ysthad's Avatar
  • Offline
  • Senior Lime
  • Posts: 44
  • Thank you received: 1
  • Karma: 2
Je crois que c'est un problème de copier-coller.

Ca me l'a fait également au début jusqu'à ce que :

1. j'essaye avec plusieurs options de la balise script.
Par exemple :
<script type="text/javascript" charset="utf-8">
<script type="text/javascript">
La dernière a été pour moi la bonne
2. je prenne soins de coller le code dans le champ APRES avoir cliquer sur "Source".

Bon courage.
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65937

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1805
  • Thank you received: 445
  • Karma: 111
Dans les parametres généraux de la plateforme > Sécurité >

activer 'Filtrer le HTML....'

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
All LS releases => bit.ly/1VMuTDu | 2.06lts => bit.ly/1Qv44A1
Demo surveys => bit.ly/20NW9V8 (already included in /docs/demosurveys)
Last Edit: 4 years 11 months ago by Ben_V.
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65938

  • Ysthad
  • Ysthad's Avatar
  • Offline
  • Senior Lime
  • Posts: 44
  • Thank you received: 1
  • Karma: 2
J'avais oublié ce "p'tit" détail :blush: :blush:
Merci Benitov !
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65944

  • firaponte
  • firaponte's Avatar
  • Offline
  • Junior Lime
  • Posts: 23
  • Karma: 1
Merci!!

J'ai fait un pas de plus. Ma zone d'info bulle s'affiche bien , au bon endroit, sans masquer la réponse.

Il me reste un point à démystifier: j'ai une croix rouge à la place de mon texte d'explication.

Je continue donc de chercher :)
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 11 months ago #65947

  • Ysthad
  • Ysthad's Avatar
  • Offline
  • Senior Lime
  • Posts: 44
  • Thank you received: 1
  • Karma: 2
J'écris sous le controle de Benitov mais il me semble que :

- la solution javascript (Ysthad) : bien pour insérer une image
- la solution tooltip (Benitov) : bien pour insérer du texte

une solution (un peu tirée par les cheveux) : faire une image à partir de texte !
Dans tous les cas, la solution est désormais totalement à ta portée :-)
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #69998

  • firaponte
  • firaponte's Avatar
  • Offline
  • Junior Lime
  • Posts: 23
  • Karma: 1
Bonjour,

j'ai encore besoin un peu de votre aide s'il vous plait.

J'ai essayé les deux méthodes, dans chacune j'ai un soucis, alors au final je ne sais laquelle prendre. Pouvez vous m'aider à résoudre au moins l'un des problèmes?

Quand je prends la solution avec l'image, j'ai une croix rouge à la place de l'image. J'en déduits que c'est parce que le lien est mort.
J'ai positionné l'image dans le module avec l'outil d'insertion et j'ai juste mis le nom de l'image sans chemin dans le tag href. EsT ce que c'est bien ce qu'il faut faire?

Quand je prend la solution avec le tooltip, mon infobulle n'est pas bien positionné. Il est sur le texte. Je voudrais pouvoir le décaller un peu. J'ai essayé avec l'attribut position relative, ou en forçant la position avec top et left mais ça n'a aucun effet.

Merci :)
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70000

  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 2791
  • Thank you received: 365
  • Karma: 78
Je ne peux pas t'aider sans voir ce que ça donne et pouvoir tester.
Peux-tu nous donner accès à ton sondage, sinon, il sera plus facile que tu vois avec qqun de ton organisation pour qu'il puisse t'aider directement.
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70037

  • firaponte
  • firaponte's Avatar
  • Offline
  • Junior Lime
  • Posts: 23
  • Karma: 1
Merci pour ton aide. Je suis étudiante alors c'est la débrouille toute seule obligée :)
Pour te donner accès au sondage il te faut le compte admin du questionnaire?

PS: je ne peux malheureusement pas remercier par financement LS, car seulement étudiante, mais par contre quand j'aurai fini ce projet, je vous aiderai bien pour quelques traductions :)
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70046

  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 2791
  • Thank you received: 365
  • Karma: 78
> Pour te donner accès au sondage il te faut le compte admin
> du questionnaire?

Non, juste un accès comme si j'allais répondre au sondage.

Pour les traductions, ce n'est pas de refus :-) mais sache que de toute façon, on aide les gens sans attendre de retour (on est juste très content quand qqun reste sur le forum pour aider à son tour ou comme toi qu'il traduit 2 ou 3 trucs)

Je devrais moi aussi traduire qq trucs mais je n'ai jamais le temps alors j'essaie de me donner à fond sur le forum.
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70061

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9305
  • Thank you received: 1330
  • Karma: 386
firaponte wrote:
PS: je ne peux malheureusement pas remercier par financement LS, car seulement étudiante, mais par contre quand j'aurai fini ce projet, je vous aiderai bien pour quelques traductions :)
La doc ! La doc !

C'est de la traduction de la doc anglaise , attention : la doc anglaise est celle à la pointe.
EN ce moment on peux même gagner des tee shirt google:
www.google-melange.com/
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70075

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1805
  • Thank you received: 445
  • Karma: 111
J'ai essayé avec l'attribut position relative, ou en forçant la position avec top et left
Tu chauffes...
dans le css du tooltip (hover):
- laisse 'absolute'
- change les valeurs de 'top' et 'left'
- peut-être il te faudra changer 'left' par 'right' ou inversement

Regarde le code source de l'exemple que je joins:

File Attachment:

File Name: tooltip.html.zip
File Size:1 KB
Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
All LS releases => bit.ly/1VMuTDu | 2.06lts => bit.ly/1Qv44A1
Demo surveys => bit.ly/20NW9V8 (already included in /docs/demosurveys)
Last Edit: 4 years 9 months ago by Ben_V.
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70127

  • firaponte
  • firaponte's Avatar
  • Offline
  • Junior Lime
  • Posts: 23
  • Karma: 1
Merci pour ces différentes réponses.
Non, juste un accès comme si j'allais répondre au sondage.
Pour l'instant,je continue de chercher...si vraiment je bloque alors je te l'enverrai. Merci :)

Benitov, ton fichier , je peux l'ouvrir, mais ce ne sont que des caractères type windings, c'est normal?
Sinon j'ai réactivé absolute et maintenant je suis positionné par rapport à ma fenêtre. Or je voudrai être positionnée par rapport au mot sur lequel porte l'info bulle.
Il faut donc que je le positionne par rapport à ce mot. Or pour ça, si j'ai bien compris, ce mot doit être lui en position absolue...:silly:

s
C'est de la traduction de la doc anglaise , attention : la doc anglaise est celle à la pointe.
EN ce moment on peux même gagner des tee shirt google:
www.google-melange.com/
J'ai plus de 17 ans... mais j'y inscrit mon petit frère :)
Je me replongerais plus tard dans la démarche pour vous aider à traduire :)
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70130

  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 2791
  • Thank you received: 365
  • Karma: 78
Le fichier tu l'ouvres avec quel programme ?
Je pense que tu as essayé d'ouvrir un ZIP avec le bloc-notes. Du moins ça correspondrait à ce que tu as décrit.
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Ajouter info bulle dans questions pour guider utilisateur 4 years 9 months ago #70149

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1805
  • Thank you received: 445
  • Karma: 111
AVANT TOUT: dézipper le fichier (le gestionnaire de pièces-jointes du forum ne me laisse pas uploader des fichiers .html alors je suis obligé de faire un .zip pour contourner...)

Le fichier est une page web donc s'ouvre avec un navigateur genre Explorer...
Pour voir la source le plus simple est de le faire à partir de la barre de menu du navigateur ("voir la source" ou "afficher le code source" selon le programme)
Sinon pour le voir ou l'éditer il faut ouvrir le document (pas le zip comme précise Nickko) avec le blocnote ou autre éditeur de texte !

Oublie la position du mot et les histoires de position absolue; Je crois que tu te comliques la tâche toute seule;
Sinon active le questionnaire et dis nous sur quelle page et lien "tooltip" tu as un problême...

Courage tu ne dois pas être bien loin..!
Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
All LS releases => bit.ly/1VMuTDu | 2.06lts => bit.ly/1Qv44A1
Demo surveys => bit.ly/20NW9V8 (already included in /docs/demosurveys)
Last Edit: 4 years 9 months ago by Ben_V.
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.277 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form