- Posts: 14
- Thank you received: 0
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
- Topic Author
- Offline
- New Member
Less
More
5 years 3 months ago - 5 years 3 months ago #179211
by jpperrein
Javascript dans des sous question (popup, cacher un descriptif complémentaire) was created 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
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 3 months ago by jpperrein. Reason: qqs fôtes
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
5 years 3 months ago #179237
by DenisChenu
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.
Replied by DenisChenu on topic Javascript dans des sous question (popup, cacher un descriptif complémentaire)
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
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 14
- Thank you received: 0
5 years 3 months ago #179253
by jpperrein
Replied by jpperrein on topic Javascript dans des sous question (popup, cacher un descriptif complémentaire)
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 !
<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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
5 years 3 months ago #179264
by DenisChenu
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.
Replied by DenisChenu on topic Javascript dans des sous question (popup, cacher un descriptif complémentaire)
De rien, tant que ca marche
Perso : je préfére le collapse
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