Millisecond Forums » Millisecond Forums » Inquisit 6 » Coding on inquist web

Coding on inquist web

sbashyam — Thu, 27 Feb 2025 12:50:26 GMT

Hi,

I have used Inquist before but am new Inquist web. I was wondering if it could be possible to design a survey where participants can use this dual slider scale to select their responses
(Here is the html code for the slider : div class="range_container">
<div class="sliders_control">
   <input id="fromSlider" type="range" value="10" min="0" max="100"/>
   <input id="toSlider" type="range" value="30" min="0" max="100"/>
</div>
<div class="form_control">
  <div class="form_control_container">
    <div class="form_control_container__time">Min</div>
    <input class="form_control_container__time__input" type="number" id="fromInput" value="10" min="0" max="100"/>
   </div>
   <div class="form_control_container">
    <div class="form_control_container__time">Max</div>
    <input class="form_control_container__time__input" type="number" id="toInput" value="30" min="0" max="100"/>
   </div>
</div>
</div>)
Can this be coded for Inquist Web?

Thank you!

RE: Coding on inquist web

Dave — Thu, 27 Feb 2025 12:50:26 GMT

+x[quote]

[b]sbashyam - 2/27/2025[/b]
Thank you Dave! The tutorial was helpful. I am not quite sure though how to code for a dual slider scale. I was able to code for a slider with one button that participants will be able to move around. But I wanted two buttons on the same scale, something like https://codepen.io/predragdavidovic/pen/mdpMoWo. Can you please help out with that?
[/quote]

Not really possible.

RE: Coding on inquist web

sbashyam — Thu, 27 Feb 2025 05:20:19 GMT

Thank you Dave! The tutorial was helpful. I am not quite sure though how to code for a dual slider scale. I was able to code for a slider with one button that participants will be able to move around. But I wanted two buttons on the same scale, something like https://codepen.io/predragdavidovic/pen/mdpMoWo. Can you please help out with that?

RE: Coding on inquist web

Dave — Thu, 27 Feb 2025 00:21:07 GMT

You need a <surveypage> with two <slider> elements.

https://www.millisecond.com/support/docs/v6/html/tutorials/demographic_survey/surveytutorial.htm

HTML code is entirely irrelevant.

The code you use for Inquisit Web is exactly the same you use for Inquisit Lab.