Custom question field with compass pointer

Question

I'm trying to create a new question as indicated below in the image.

!

Is there a way for me to recreate this in javascript? I'm familiar with programming, but unfamiliar with html/css/javascript, so I've tried messing with the Qualtrics API using the Qualtrics.SurveyEngine.addOnload function etc but it's beyond my knowledge.

Also, if possible, can the compass wheel in the centre instead be controlled by touch/mouse to be a arrow pointing in a specific direction?

Thanks in advance!

ethz · Accepted Answer

Another update:Got it to work with some javascript and embedded data to submit my answer.

ethz · Answer

Thanks Tom, I used a pre existing slider in html instead.Update: I got this to work: javaScriptCompassI had to insert the slider using html and control the value using javascript.Right now i'm thinking of creating different images for each bearing of the compass (in 30/45 degree increments) and changing the image accordingly. Is this the most efficient way to do it? I know you can rotate the picture, but i need to rotate a compass pointer instead of the compass image.Again, thanks in advance!

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded