Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Javascript dans des sous question (popup, cacher un descriptif complémentaire)

  • jpperrein
  • jpperrein's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months ago - 5 years 2 months ago #179211 by jpperrein
Bonjour,

Dans le cadre d'une sous-question avec des curseurs de -10 à 10, je demande à une personne de donner son avis sur plusieurs points de vue en ajustant le curseur.
Chacun des points de vue est un long paragraphe qui débute avec un titre.

Visuellement l'ensemble fait lourd et long, et pour certaines personne le titre est suffisant pour comprendre.
s
Je souhaitais donc laisser le titre et :
- A ) Soit si on passe dessus avec la souris alors un pop up apparaît avec le texte descriptif,
- B ) Soit on clique dessus, et ainsi apparaît juste dessous le texte qui était caché.

Malheureusement, lorsque j'enregistre Lime me dit que c'est "INTERDIT" (en fait le navigateur). Dans une question normale cela fonctionne correctement, mais pas dans une sous-question.

Comment puis je faire ?


Pour info le script pour cacher une partie du texte
[hr]
<script language="javascript" type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>


<div>
<a href="" onClick="javascript:visibilite('div_1'); return false;" >
Mon Titre
</a>
</div>

<div id="div_1" style="display:none; color:#f80000;">
Mon texte Mon texte Mon texte Mon texte Mon texte Mon texte Mon texte
</div>


Merci beaucoup par avance
Last edit: 5 years 2 months ago by jpperrein. Reason: qqs fôtes
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 months ago #179237 by DenisChenu
Heu … mais pourquoi s'embéter à faire du JS compliqué alors que tu as des outils bootsrap disponible

getbootstrap.com/docs/3.3/javascript/#popovers
getbootstrap.com/docs/3.3/javascript/#collapse

par exemple.

Sinon, les sous question : c'est un champ input:text : donc 1 seule ligne. Peut être ça

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The following user(s) said Thank You: jpperrein
The topic has been locked.
  • jpperrein
  • jpperrein's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 2 months ago #179253 by jpperrein
Pas réussi à faire fonctionner le popup, mais le tooltips est très bien (questions et sous-questions)

<button type="button" class="btn btn-default" data-bs-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>

Le collapse aussi fonctionne bien.

Merci Denis !
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 months ago #179264 by DenisChenu
De rien, tant que ca marche :)

Perso : je préfére le collapse

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose