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

TOPIC: Mouse over / tooltip text in Array dual scale?

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109367

  • jayray27
  • jayray27's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Hallo,

ich möchte gerne einen kurzen Text als mouse over Text erscheinen lassen von man mit der Mouse über eine Subquestion in einer Array dual scale Frage geht.

Ich denke man muss dazu Javascript oder CSS nutzen? Ich weiss leider nicht genau wie man das in Limesurvey einbinden und nutzen kann und welches Skript da am besten funktioniert.

Wie kann man das am besten lösen?

Vielen Dank für Eure Tipps und Hilfe!!!

LG,
Ben
Last Edit: 2 years 1 month ago by jayray27.
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109370

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1790
  • Thank you received: 439
  • Karma: 110
Solution 100% CSS :)
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: 2 years 1 month ago by Ben_V.
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109416

  • jayray27
  • jayray27's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Hi Ben_V,

danke für Deine Antwort. Hast du eventuell Infos wie ich das einsetzen kann in Limesurvey?? Bin leider nicht so der Profi...

Tausend Dank!!!

Grüße
Benny
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109419

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1790
  • Thank you received: 439
  • Karma: 110
Sorry... I can't use german :(

A simple way for "basic" design:

1) Paste this CSS code in your template.css file (you can adapt colors, dimensions, position etc.):
.tooltip { outline:none;cursor:help;text-decoration:none;position:relative,color:#000 }
.tooltip span { margin-left:-999em;position:absolute }
.tooltip:hover span { border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;right:0.5em;top:2em;z-index:99;margin-left:0;width:250px }
.tooltip:hover em { display:block;padding:0.2em 0 0.6em 0 }
.classic { border:1px solid #DDD;padding:6px;background:#FFA }

2) When you need to apply a tip to a word a sentence, use the following syntax:
<a class="tooltip" href="#">Your TEXT (word or sentence) goes here<span class="classic">Your TIP goes here</span></a>

=> Related post
.
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: 2 years 1 month ago by Ben_V.
The administrator has disabled public write access.
The following user(s) said Thank You: jayray27

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109436

  • jayray27
  • jayray27's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Great, this works!! Thank you VERY much! :)
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 2 years 1 month ago #109437

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1790
  • Thank you received: 439
  • Karma: 110
You're welcome.
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)
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.219 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form