Mouse over / tooltip text in Array dual scale?

Plus d'informations
il y a 5 ans 2 mois - il y a 5 ans 2 mois #109367 par jayray27
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
Dernière édition: il y a 5 ans 2 mois par jayray27.

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 5 ans 2 mois - il y a 5 ans 2 mois #109370 par Ben_V
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)
Dernière édition: il y a 5 ans 2 mois par Ben_V.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 2 mois #109416 par jayray27
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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 2 mois - il y a 5 ans 2 mois #109419 par Ben_V
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)
Dernière édition: il y a 5 ans 2 mois par Ben_V.
Les utilisateur(s) suivant ont remercié: jayray27

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 2 mois #109436 par jayray27
Great, this works!! Thank you VERY much! :)

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 2 mois #109437 par Ben_V
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)

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 3 mois 1 semaine #184195 par Mazi
Auch wenn der Post hier schon etwas älter ist, ergänze ich einen kurzen Kommentar zu Tooltips in der aktuellen Limesurvey 3 Version. Die Themes dort nutzen das Bootstrap-Framework, das bereits eine Unterstützung von Tooltips liefert. Wir haben dazu kürzlich einen längeren Blogartikel geschrieben, indem alle Details und die Einbettung erklärt werden: " How to use Bootstrap tooltips at a Limesurvey survey ".

Hier gibt es dazu eine Beispielumfrage .

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com
Want to use your survey offline -> www.offlinesurveys.com

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!