Hello! I am wondering if anyone would know how to help me out with this code, specifically, can we make the distributions line up and one of them not get smaller as it is slid? https://uwmadison.co1.qualtrics.com/jfe/preview/SV_86UOTGqZfdGE7Yh?Q_SurveyVersionID=current&Q_CHL=preview thank you in advance I want one slider graph where the red distribution can be manually moved. no labels or numbers necessary since every question has a different topic and we are looking to use the same graphs for all of them. we want the red distribution the only marker on the distribution. We will be looking at what the participant thinks the distance between the two distributions are (we are studying stereotypes specifically - when a stereotype is opposed is the distance further than when it is affirmed?). and there are no need for coordinates. beginning image: ! ending image: ! See: https://www.qualtrics.com/community/discussion/2148/customizable-slider-question#latest The above link has the
@fleb here is what I have so far for the code Paste following CSS in the Look & Feel -> Style section (controls the position of the images): .brown { position: absolute; top: 38px; left: 0px; } .bears { position: relative; width: 800px; } The following in the HTML of the slider choice (for the images): <div class="bears"><img src="insert the black-bear-background-image" style="width: 590px; height: 170px;" /> <div class="brown"><img src="insert the brown-bear-background-image" style="width: 214px; height: 103px;" /></div> </div> And the following JavaScript for the slider question (controls the behaviour of the red image): Qualtrics.SurveyEngine.addOnReady(function() { var qid = this.questionId; $(qid).observe('mousemove', function(event) { var cur_pos = $(qid+"~1~handle").style.left; $$(".brown")[0].setStyle("left: "+cur_pos); }); }); Here is the image that I would like to be at the start ! And th
Hello! I am wondering if anyone would know how to help me out with this code, specifically, can we make the distributions line up and one of them not get smaller as it is slid? https://uwmadison.co1.qualtrics.com/jfe/preview/SV_86UOTGqZfdGE7Yh?Q_SurveyVersionID=current&Q_CHL=preview thank you in advance
@dsweeney thank you so much for your help! We will work with this and hope we can figure it out. Greatly appreciated!
@dsweeney - I would want the whole red normal distribution to be able to slide to the right so we could measure how far apart the participant thinks the distributions are. our questions look similar to this: ! and they must choose one of seven distributions that match the question ! ! instead of having the 7 distributions, I want one slider graph where the red distribution can be manually moved. no labels or numbers necessary since every question has a different topic and we are looking to use the same graphs for all of them. so you answer your questions, yes we want the red distribution the only marker on the distribution. We will be looking at what the participant thinks the distance between the two distributions are (we are studying stereotypes specifically - when a stereotype is opposed is the distance further than when it is affirmed?). and there are no need for coordinates. thank you very much for your time.
! @Mohammedali_Rajapakar_Ugam I got it inserted as a question, but I want that as an answer, kind of similar to "slider questions" but using the distribution graph instead of the slider options that are already in qualtrics. sorry if my question was unclear!
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.