Welcome to the LimeSurvey Community Forum

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

Adding animation when changing question divs from display:none to display:block?

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 11 months ago #133700 by DenisChenu

Mazi wrote: Denis, I was just checking this nice solution at the link you provided ( demonstration.sondages.pro/54895/lang-en ) but it doesn't seem to work anymore. I can't find the mentioned adjustment at the template.js file at demonstration.sondages.pro/upload/templa...flatblue/template.js .

Did this get overwritten accidentally?

Can you post an updated link?

Arg .....

Upadte , update, and update again .... i don't fix the template used for this worklaround.

I do a plugin when i found time ....

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.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 11 months ago #133716 by Mazi
I'd love to see a working example based on the LS 2.5 shipped templates... :-(

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
More
7 years 11 months ago #133960 by first
I tried some animation while displaying the question.
Code:
<script>
$(function(){
var $nodiv = $('div[style="display: none;"]');
$('body').on('click',function(){
var $nodivQwrap = $('table.question-wrapper', $nodiv).hide();  
  setTimeout(function(){
    $nodiv.each(function(){
      if($(this).css('display') != 'none'){
        $(this).find('table.question-wrapper').show("slow")
      }
    });
  },50);
});
});
</script>


File Attachment:

File Name: limesurvey...1449.lss
File Size:14 KB



Version 2.06+ Build 150612
Template: Defalut

Survey Designer and Programmer
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 11 months ago - 7 years 11 months ago #134196 by Mazi
That test survey doesn't work with LS 2.50 and the templates used there by default.

I assume this is due to the different template layout and missing CSS IDs/classes? Because I see no animation there.
Test link: ls25.mysurveyhosting.com/index.php/surve...49/newtest/Y/lang/en

At LS 2.06 it works fine: ls206lts.mysurveyhosting.com/index.php/991449?newtest=Y

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Last edit: 7 years 11 months ago by Mazi.
The topic has been locked.
More
7 years 11 months ago #134213 by first
Yes, I have 2.06 installed on my local system. We can adpat the code for differnt LS versions.

Survey Designer and Programmer
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose