Welcome, Guest
Username: Password: Remember me

TOPIC: Ajouter info bulle dans questions pour guider utilisateur

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65816

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 840
  • Karma: 249
Test sur différent navigateur, et fait des rapports de bug :).

Comme c'est dans la version officielle, c'est sur le bugtracker :).
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65822

  • Ysthad
  • Ysthad's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 44
  • Thank you received: 1
  • Karma: 2
Voila ce que j'utilise dans ce genre de situation et qui fonctionne pas mal :

DANS template.css :

#infobullerelative {
position : absolute;
display : none;
border : 1px solid blue;
}

DANS le corps de la question (sous la question par exemple) :

<script type="text/javascript" charset="utf-8">

cursor_padding_x = 10 ;
cursor_padding_y = 10 ;

function position(e){

x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;

Obj = document.getElementById("infobullerelative");
Obj.style.left = x + cursor_padding_x ;
Obj.style.top = y + cursor_padding_y ;

}

if(navigator.appName.substring(0,3) == "Net") {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = position;

function see_bulle(img_){
Obj = document.getElementById('infobullerelative');
Obj.innerHTML = "<img src='" +img_ +"'>";
Obj.style.display = "block";
}

function kill_bulle(){
Obj = document.getElementById('infobullerelative');
Obj.innerHTML = "";
Obj.style.display = "none";
}
</script>

DANS L'item :

<div id="infobullerelative"></div><a href="#" onmouseover="see_bulle('explication-du-texte');" onmouseout="kill_bulle();">texte-a-expliquer</a>.

Bonne programmation :-)
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65892

  • firaponte
  • firaponte's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 23
  • Karma: 1
Merci pour ces réponses. J'ai avancé un peu dans la connaissance de l'outil. Par contre, je ne dois pas chercher de la bonne manière, mais je n'arrive pas à trouver comment modifier le code du questionnaire. J'ai vu qu'on pouvait modifier le contenu de la partie supérieure aux questions, qui introduit le questionnaire, mais je n'arrive pas à voir où je peux afficher le code html des questions? Est ce que ça génère un fichier php ou html que je peux modifier? Je suis un peu perdue et du coup bloquée.

Merci pour votre aide.
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65893

  • Nickko
  • Nickko's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2124
  • Thank you received: 262
  • Karma: 57
La troisième icône dans l'éditeur, "Source".
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65894

  • firaponte
  • firaponte's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 23
  • Karma: 1
Merci :)
Mais je dois pas faire comme il faut. Quand je clique sur l'icône source, ca ne m'affiche la source que de la description, pas de toute la page.
Si je me mets dans la rubrique sous questions et que je clique sur le stylo à droite, il m'affiche le texte de ma sous question.
Mais je ne vois pas où avoir la totalité.
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65895

  • Nickko
  • Nickko's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2124
  • Thank you received: 262
  • Karma: 57
Mais tu veux faire quoi exactement, tu ne veux quand même pas éditer la source de la page en passant par l'éditeur de question ?
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65896

  • firaponte
  • firaponte's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 23
  • Karma: 1
Je ne sais pas par où passer, mais il me semble qu'il faut que j'arrive à éditer la page pour ajouter mon bout de javascript ou mon infobulle.
Je pensais me servir de Lime survey pour la structure générale de la base et du questionnaire et rajouter quelques petits "détails" pour faciliter l'utilisation de mon questionnaire.
A la base j'avais fait mon site a la mano, mais c'était assez pénible de gérer les sessions car mon quesionnaire tenait sur plusieurs pages. Du coup j'ai trouvé que Limesurvey avait l'air bien. Et comme les personnes du forum m'ont répondu ici que je pouvais ajouter des infobulles en modifiant la source, alors j'en avais compris que c'était possible.
Ce n'est pas le cas?
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65908

  • Nickko
  • Nickko's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2124
  • Thank you received: 262
  • Karma: 57
Dans l'éditeur de question tu ne peux modifier que les questions. Pour cela, tu as 2 modes, WYSIWYG, ou "source".

Si tu veux modifier la source du reste, il faut alors créer un thème à toi. Pour cela, il faut passer par l'éditeur de thème, dernière bouton de la 1° barre d'outil (symbolisant un écran et un pinceau).
Nickko
Ergonome / Usability expert
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65913

  • firaponte
  • firaponte's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 23
  • Karma: 1
Je suis désolée d'insister, mais il y a quelque chose que j'ai du sauter. :blink:

J'ai trouvé pour modifier le modèle. Mais pour moi, cela me permet de modifier le CSS, les javascript et la structure des pages, pas le contenu.
A quel endroit est ce que je peux rentrer le texte de mes infobulles?

Si je rajoute une zone dans mon modèle, à quel endroit est ce que je peux en renseigner le contenu?

Je suis un peu paumée là :(
Last Edit: 3 years 1 month ago by firaponte.
The administrator has disabled public write access.

Re: Ajouter info bulle dans questions pour guider utilisateur 3 years 1 month ago #65914

  • Ysthad
  • Ysthad's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 44
  • Thank you received: 1
  • Karma: 2
En fait c'est simple :

- dans le CSS : insérer soit le code indiqué plus haut, soit le code indiqué par benitov qui est excellent !

- dans le champ réservé à la question :

1. rédiger la question
2. cliquer sur source (Cf. post de Nickko)
3. insérer (par exemple sous la question) le code indiqué plus haut. Attention à ne pas oublier les balises <script> et </script>

- dans l'item : insérer le code indiqué plus haut

- concernant le contenu : travaille par analogie (texte à expliquer et explication du texte).
Last Edit: 3 years 1 month ago by Ysthad.
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.127 seconds
Donation Image