Welcome, Guest
Username: Password: Remember me

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

Mouse over / tooltip text in Array dual scale? 4 months 3 weeks ago #109367

  • jayray27
  • jayray27's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 6
  • 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: 4 months 3 weeks ago by jayray27.
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 4 months 3 weeks ago #109370

  • Ben_V
  • Ben_V's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 1112
  • Thank you received: 250
  • Karma: 78
Solution 100% CSS :)
Benoît

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
Last Edit: 4 months 3 weeks ago by Ben_V.
The administrator has disabled public write access.

Mouse over / tooltip text in Array dual scale? 4 months 3 weeks ago #109416

  • jayray27
  • jayray27's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 6
  • 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? 4 months 3 weeks ago #109419

  • Ben_V
  • Ben_V's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 1112
  • Thank you received: 250
  • Karma: 78
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

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
Last Edit: 4 months 3 weeks 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? 4 months 3 weeks ago #109436

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

Mouse over / tooltip text in Array dual scale? 4 months 3 weeks ago #109437

  • Ben_V
  • Ben_V's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 1112
  • Thank you received: 250
  • Karma: 78
You're welcome.
Benoît

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.214 seconds
Donation Image