Back to limesurvey.org

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 & Official Partner
  • LimeSurvey Community Team & Official Partner
More
9 years 2 months ago #133700 by DenisChenu
Replied by DenisChenu on topic Adding animation when changing question divs from display:none to display:block?

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 support - Plugins, theme and development .
I don't answer to private message.
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 2 months ago #133716 by Mazi
Replied by Mazi on topic Adding animation when changing question divs from display:none to display:block?
I'd love to see a working example based on the LS 2.5 shipped templates... :-(
Best regards/Beste Grüße,
Dr. Marcel Minke
survey-consulting.com
offlinesurveys.com
Feel free to contact me by email for professional LimeSurvey support!
The topic has been locked.
More
9 years 2 months ago #133960 by first
Replied by first on topic Adding animation when changing question divs from display:none to display:block?
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
Attachments:
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 2 months ago - 9 years 2 months ago #134196 by Mazi
Replied by Mazi on topic Adding animation when changing question divs from display:none to display:block?
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
survey-consulting.com
offlinesurveys.com
Feel free to contact me by email for professional LimeSurvey support!
Last edit: 9 years 2 months ago by Mazi.
The topic has been locked.
More
9 years 2 months ago #134213 by first
Replied by first on topic Adding animation when changing question divs from display:none to display:block?
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.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source