Welcome to the LimeSurvey Community Forum

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

Hinweis für Begrenzung bei Schieberegler verstecken

  • catarinatimm
  • catarinatimm's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 months 3 weeks ago #255241 by catarinatimm
Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Cloud   Version 6.4.4
Own server or LimeSurvey hosting:
Survey theme/template:
==================
Hallo, 
ich habe folgenden Schieberegler in meiner Umfrage (siehe Anhang) 
Nun würde ich gerne, dass der Hinweis "Jede Antwort muss zwischen -1 und 1 sein den Teilnehmenden nicht angezeigt wird. 
Für meine statistische Auswertung später sind diese Werte wichtig, daher kann ich die Begrenzung nicht aufheben. 
Ich möchte daher wirklich nur, dass der Hinweis nicht mehr angezeigt wird, da dies verwirrend wirken könnte. Die Skala soll für die Teilnehmenden nur von Ganz links bis ganz rechts gehen. 

Hier das Skript des Schiebereglers: 
(Ich habe es über die Einstellungen von limesurvey nicht so hinbekommen wie ich wollte, daher habe ich es über JavaSkript gemacht. Ich weiß, dass dieses nicht perfekt ist und man es bestimmt einfacher hätte lösen können. Aber wenigstens sieht es so aus, wie ich es wollte) 

Ordne dich auf der Skala politisch selbst ein: <script type="text/javascript" charset="utf-8">
 
    $(document).on('ready pjax:scriptcomplete',function(){
 
        // Identify this question
        var thisQuestion = $('#question{QID}');
 
        // Define the text strings
        var tipTexts = {
          
            -1:    'Ganz links',
            -0.5:    'Eher links',
            0:    'Mitte',
            0.5:    'Eher rechts',
            1:    'Ganz rechts',
         
        };
 
        $('input:text', thisQuestion).on('slideEnabled',function(){ 
            var thisItem = $(this).closest('li');
 
            // Insert custom tooltip
            $('.tooltip-inner', thisItem).addClass('tooltip-inner-1 hidden');
            $('.tooltip', thisItem).append('<div class="tooltip-inner tooltip-inner-2">'+tipTexts[$(this).val()]+'</div>');
 
            // Listener on slider
            $(this).on('slide slideStop', function(event) {
                // Handle dynamic tooltip text
                $('.tooltip-inner-2', thisItem).text(tipTexts[$(this).val()]);
            });
        });
    });
</script><script type="text/javascript" charset="utf-8">
    $(document).on('ready pjax:scriptcomplete',function(){
 
        var ticksArray = [

            [-1, 'Ganz links'],
            [-0.5, 'Eher links'],
            [0, 'Mitte'],
            [0.5, 'Eher rechts'],
            [1, 'Ganz rechts'],

        ];
 
        insertSliderTicks('{QID}', ticksArray);
    });
 
    /* Insert Slider Tick Marks */
    function insertSliderTicks(qID, ticksArray) {
        var thisQuestion = $('#question'+qID);
 
        $(thisQuestion).addClass('with-inserted-ticks');
 
        $('input:text', thisQuestion).on('slideEnabled',function(){ 
            var thisSlider = $(this);
            var thisItem = $(thisSlider).closest('li');
            var thisMin = $('.slider-handle:eq(0)', thisItem).attr('aria-valuemin');
            var thisMax = $('.slider-handle:eq(0)', thisItem).attr('aria-valuemax');
            var thisRange = thisMax - thisMin;
            $.each(ticksArray, function(i, val) {
                var tickRelativePosition = val[0] - thisMin;
                var tickPercent = (tickRelativePosition/thisRange)*100;
 
                // Insert tick marks
                $('.slider-handle:eq(0)', thisItem).before('<div class="inserted-tick left-'+tickPercent+'" style="left: '+tickPercent+'%">\
                                                    <div class="tick-text">'+val[1]+'</div>\
                                                </div>');
            });    
        });
    }
</script>
<style type="text/css">/* Slider Tick Marks */
  
  #label-847347X6X8SQ001{
    display:none;
  }
  
  .tooltip.tooltip-main.bs-tooltip-top.show {
    display:none;
    visibility:hidden;
}

    @media only screen and (min-width: 768px) {
 
        .with-inserted-ticks .slider-container {
            padding-right: 50px;
            padding-left: 50px;
        }
    }
 
    .with-inserted-ticks .slider-item {
        margin-bottom: 50px;
    }
 
    .with-inserted-ticks .slider-container .help-block {
        margin: 25px 0 0 -20px;
        width: 40px;
        text-align: center;
    }
 
    .with-inserted-ticks .slider-container .help-block.pull-right {
        margin: 25px -20px 0 0;
    }
 
    .inserted-tick {
        position: absolute;
        top: 20%;
        height: 20px;
        width: 5px;
        margin-top: -5px;
        margin-left: -1px;
        background-color: #DDDDDD; 
        background-color: green; 
    }
 
    .inserted-tick.left-0,
    .inserted-tick.left-100 {
        background-color: transparent;
        background-color: green; 
    }
 
    .inserted-tick .tick-text {
        position: absolute;
        top: 150%;
        width: 100px;
        margin-left: -50px;
        color: #000000;
        text-align: center; 
    }
 
    @media only screen and (max-width: 768px) {
 
        .inserted-tick.left-0 .tick-text {
            margin-left: 0px;
            text-align: left; 
        }
 
        .inserted-tick.left-100 .tick-text {
            margin-left: -100px;
            text-align: right; 
        }
    }
</style>


Ich würde mich sehr über eure Hilfe oder Tipps freuen! Vielen Dank

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 months 3 weeks ago #255250 by Joffm
Ganz einfach,:
Zeige den Tip nicht an!
Also "Hinweis verstecken: AN"
Bei diesem Fragetyp kann ja kein Fehler entstehen, da die Teilnehmer weder etwas anderes als eine Zahl eingeben können, noch den Bereich verlassen können.

Gut, dieses script findest Du ja auch in meinem "Tutorial 2: Mehrfachnennungen,...", Kap. 4
Und hier ein paar kleine Meckereien von mir.
1. Ich fände es besser, den Balken ganz wegzulassen, dafür das Handle etwas größer zu machen
 
2. Ein Slider mit nur 5 Punkten ist sicher nicht "das Gelbe vom Ei"; ein Slider dient doch gerade dazu, eben nicht nur diskrete Werte, sondern die ganze Skala der "Zwischentöne" abzudecken
 
Da dieses Beispiel aus meinem Tutorial schnell kopiert wurde, ist das css nicht ganz angepasst (Abstände)

Für Deine 5 diskreten Werte wäre ein semantisches Differential sicher besser geeignet
 
Beim Einlesen der Daten in SPSS machst Du dann einfach am Ende der Syntax-Datei ein RECODE. Analog in jedem anderen Tool.

Joffm


 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose