Mouse over / tooltip text in Array dual scale?

Mehr
3 Jahre 1 Monat her - 3 Jahre 1 Monat her #109367 von jayray27
jayray27 erstellte das Thema Mouse over / tooltip text in Array dual scale?
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: 3 Jahre 1 Monat her von jayray27.

Bitte Anmelden um der Konversation beizutretten.

Mehr
3 Jahre 1 Monat her - 3 Jahre 1 Monat her #109370 von Ben_V
Ben_V antwortete auf das Thema: Mouse over / tooltip text in Array dual scale?
Solution 100% CSS :)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Letzte Änderung: 3 Jahre 1 Monat her von Ben_V.

Bitte Anmelden um der Konversation beizutretten.

Mehr
3 Jahre 1 Monat her #109416 von jayray27
jayray27 antwortete auf das Thema: Mouse over / tooltip text in Array dual scale?
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

Bitte Anmelden um der Konversation beizutretten.

Mehr
3 Jahre 1 Monat her - 3 Jahre 1 Monat her #109419 von Ben_V
Ben_V antwortete auf das Thema: Mouse over / tooltip text in Array dual scale?
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
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Letzte Änderung: 3 Jahre 1 Monat her von Ben_V.
Folgende Benutzer bedankten sich: jayray27

Bitte Anmelden um der Konversation beizutretten.

Mehr
3 Jahre 1 Monat her #109436 von jayray27
jayray27 antwortete auf das Thema: Mouse over / tooltip text in Array dual scale?
Great, this works!! Thank you VERY much! :)

Bitte Anmelden um der Konversation beizutretten.

Mehr
3 Jahre 1 Monat her #109437 von Ben_V
Ben_V antwortete auf das Thema: Mouse over / tooltip text in Array dual scale?
You're welcome.

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)

Bitte Anmelden um der Konversation beizutretten.

Haben Sie schon bei unserer Kundenumfrage mitgemacht?

Verpassen Sie nicht Ihre Chance auf tolle Preise.

Klicken sie hier um teilzunehmen:

Jetzt starten

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten