Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

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

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109367

  • jayray27
  • jayray27s Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 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
Letzte Änderung: 11 Monate 3 Wochen her von jayray27.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109370

  • Ben_V
  • Ben_Vs Avatar
  • OFFLINE
  • Platinum Lime
  • Beiträge: 1350
  • Dank erhalten: 320
  • Karma: 89
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...
Letzte Änderung: 11 Monate 3 Wochen her von Ben_V.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109416

  • jayray27
  • jayray27s Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 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
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109419

  • Ben_V
  • Ben_Vs Avatar
  • OFFLINE
  • Platinum Lime
  • Beiträge: 1350
  • Dank erhalten: 320
  • Karma: 89
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...
Letzte Änderung: 11 Monate 3 Wochen her von Ben_V.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Folgende Benutzer bedankten sich: jayray27

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109436

  • jayray27
  • jayray27s Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 6
  • Karma: 0
Great, this works!! Thank you VERY much! :)
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Mouse over / tooltip text in Array dual scale? 11 Monate 3 Wochen her #109437

  • Ben_V
  • Ben_Vs Avatar
  • OFFLINE
  • Platinum Lime
  • Beiträge: 1350
  • Dank erhalten: 320
  • Karma: 89
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...
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.233 Sekunden
Donation Image