Welcome to the LimeSurvey Community Forum

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

Choice-Based-Conjoint-Analyse

  • Anna_K
  • Anna_K's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #257506 by Anna_K
Choice-Based-Conjoint-Analyse was created by Anna_K
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version:
Eigener Server oder LimeSurvey-Cloud:  
Genutzte Designvorlage: Bootswatch
==================
Hallo,

ich möchte im Rahmen meiner Masterarbeit eine Choice-Based-Conjoint-Analyse durchführen. Ich möchte insgesamt 12 Vergleiche bei den Studienteilnehmern abfragen, bei denen jeweils zwischen 3 Auswahlmöglichkeiten + keine der Auswahlmöglichkeiten gewählt werden muss. Leider habe ich bis jetzt nur Vorlagen für insgesamt 3 Auswahlmöglichkeiten gefunden. Zudem benötige ich in der Beschreibung der verschiedenen Auswahlmöglichkeiten mind. 5 Zeilen, da ich 5 Attribute testen mö
Können Sie mir eine Umfragenvorlage für meinen Fall zukommen lassen?

Vielen Dank im Voraus.
 

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257507 by holch
Replied by holch on topic Choice-Based-Conjoint-Analyse
In Limesurvey existiert keine "Umfragenvorlage" für sowas. Das Design musst du selbst erstellen, und die grafische Darstellung der "Produkte" oder "Choices" ist ja dann eher das geringste Problem.

Joffm hat da sicher das eine oder andere Beispiel, aber mit ziemlicher Sicherheit keine "Umfragenvorlage".

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago - 1 month 3 weeks ago #257508 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
Ach, ja?
Ja, ja, @holch spielt gerne den Ball geschickt in meine Hälfte.

Im Ernst: Schau Dir mein "Tutorial 3: Gimmicks" an.
Da gibt es einige Beispiele: Vom "Urvater", dem "Apple-Banana" bis zu sehr responsiven Darstellungen mit den Bibliotheken"tiny slider" bzw. "slick".

Findest Du hier im deutschen Teil auf einer der folgenden Seiten.

Leider hast Du die Fragen über Version und Ort des Hostings nicht beantwortet.

Schnell vom Smartphone.
Bis dann
Joffm 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 month 3 weeks ago by Joffm.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago - 1 month 3 weeks ago #257550 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
So, jetzt etwas mehr dazu.

Wie @holch schon schrieb: Das Design musst du selbst erstellen.
Aber dies ist im Grunde ist es eine Frage vom Typ "Matrix" mit einer Teilfrage
Dann wird eine HTML-Tabelle in den Fragentext eingefügt. In dieser werden die Attributsausprägungen jeweils mittels ExpressionScript  eingefügt.
Und die radio-buttons werden dann ebenfalls in diese Tabelle verschoben.
Dieser letzte Schritt erfordert die Benutzung von javascript.

Wenn ich "Masterarbeit" lese, vermute ich, Du benutzt eine Installation der Uni.
Oftmals verbieten hier die admins die Benutzung von javascript.
Im schon erwähnten Tutorial wird ja am Anfang ein kleiner Test gezeigt, wie Du dies testen kannst.

Gut jetzt hast Du das Gerüst.
Jetzt kommen wir zum Modell.
Wenn Du bei allen Teilnehmer 12 identische Vergleiche abfragen willst, ist es trivial.
Oder ist es ein Modell, in dem Du mit irgendeinem Tool für jeden Teilnehmer die entsprechenden "Karten" berechnet hast?
Egal, das ist alles nur ein bisschen ExpressionScript.

Jetzt solltest Du mitteilen, 
  • welche Version Du benutzt; wenn es nicht rechts unten steht, weil der admin dies entfernt hat, genügt auch ein screenshot der Seite beim Bearbeiten einer Frage ("Matrix" ist am besten)
  • kannst Du javascript benutzen? (Den kleinen Test kannst Du ja machen)

Und dann kannst Du einmal herangehen, uns zu zeigen, wie Du Dir die Frage vom Aussehen her vorstellst.
Hier ist ein Beispiel (nicht Conjoint und noch ohne Text in den einzelnen Zellen, aber von der Tabellenstruktur gleich)
 

Bis dann

Joffm

P.S. Und es soll "keine Angabe" geben?
Ich dachte immer, Conjoint ist etwas wie "unter den Blinden ist der Einäugige König"


 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 month 3 weeks ago by Joffm.

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257555 by holch
Replied by holch on topic Choice-Based-Conjoint-Analyse

Ja, ja, @holch spielt gerne den Ball geschickt in meine Hälfte.


Natürlich, weil du hier vermutlich der bist, der in dem Bereich in der Praxis am meisten Ahnung hat.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

  • Anna_K
  • Anna_K's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #257612 by Anna_K
Replied by Anna_K on topic Choice-Based-Conjoint-Analyse
Hallo, 

vielen Dank für die Zwischeninfos. Meine Version ist die Cloud Version 6.4.9. 
Ich habe ein bisschen mit vorhandenen Fragevorlagen aus der Community herumgespielt. Das Zwischenergebnis ist im Screenshot zu sehen. Leider passen die Spalten noch nicht ganz. Ich bekomme diese nicht größer. Ich brauche da aber mehr Platz für die Beschreibungen der einzelnen Attribute. 

Ich wollte einen Screenshot einfügen, aber leider funktioniert das hier nicht. Habt ihr einen Tipp?
 

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257617 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
Kannst Du denn den Code der HTML-Tabelle einfügen, mit dem Code-Button des Editors?
Das ist der links neben "Size"

Joffm

P.S. Bitte, benutze den Ausdruck "Fragenvorlage" nur, wenn es wirklich eine Fragenvorlage ist.
Diese findest Du unter "Konfiguration / Designvorlagen"
 
Neben den Standard-Fragetypen siehst Du unten ein Benutzerthema.

Das hat aber nichts mit dem Einfügen von HTML-Code im Fragetext zu tun.

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

Please Log in to join the conversation.

  • Anna_K
  • Anna_K's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #257619 by Anna_K
Replied by Anna_K on topic Choice-Based-Conjoint-Analyse
Hallo,

ja, folgend der HTML-Code der Tabelle:

<p><strong><span style="color:#000000;">1. Welchen Stromvertrag würden Sie wählen?</span></strong></p>

<div style="height: 6px; text-align: center;"> </div>

<table border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;">
    <tbody>
        <tr>
            <td style="text-align: left;" width="0%"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;" width="15%"><br /><span style="font-size:14px;"><span style="color:#000000;"><b>Stromvertrag A</b></span></span><br /> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;" width="15%"><span style="font-size:14px;"><span style="color:#000000;"><strong>Stromvertrag B</strong></span></span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;" width="15%"><span style="font-size:14px;"><span style="color:#000000;"><b>Stromvertrag C</b></span></span></td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preis</span></span> </p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">55,00 €</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preisgarantie</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Mindestvertragslaufzeit</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">1 Monat</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Energiemix</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Ökostrom</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Service</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Rückmeldung auf Serviceanfragen innerhalb von 48 Stunden</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;font-size:14px"><span style="color:#000000;">Your choice </span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2"> </td>
        </tr>
    </tbody>
</table>
<script type="text/javascript" charset="utf-8">
    
    
    $(document).on('ready pjax:scriptcomplete',function(){
 
        // Identify this question
        var thisQuestion = $('#question{QID}');

        // Move the radios
        $('.question-text table:eq(0) tr:last td:eq(2)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(0) *', thisQuestion));
        $('.question-text table:eq(0) tr:last td:eq(4)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(1) *', thisQuestion));
        $('.question-text table:eq(0) tr:last td:eq(6)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(2) *', thisQuestion));
        
        // Some classes for presentation
        $('.question-text table:eq(0) input:radio', thisQuestion).closest('td').addClass('answer-item radio-item text-center radio');
        $('.question-text table:eq(0) .radio-item label', thisQuestion).show();
        
        // Click event on the table cells
        $('.question-text table:eq(0) .radio-item', thisQuestion).on('click', function(e) {
            $('input:radio', this).trigger('click');
        });
        $('.question-text table:eq(0) input:radio', thisQuestion).on('click', function(e) {
            ();
        });
        
        // Clean-up styles
        $('.answer-container', thisQuestion).hide();
        $('.question-text table:eq(0) .label-text', thisQuestion).remove();
        $('.question-text table:eq(0) .radio-text', thisQuestion).css({
            'cursor': 'pointer'
        });
    });
</script>
 

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257621 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
1. Und warum hast Du den Code-Button nicht benutzt?
2. Apropos "screenshot geht nicht". Wolltest Du ihn etwa mit Copy/Paste einfügen. Man attached Bilder, Dateien , etc.

Und was ich sehe, ist ja das alte "Green apple - banana" Beispiel.
Das ist nun wirklich nicht das Beste. Viel zu viel inline-css und die überflüssige leere Spalte, um die Spalten abzutrennen.

Außerdem hast Du nicht den dritten Button eingefügt und auch die anderen beiden in den falschen Spalten.

Ich habe hier nicht viel geändert.
  • Rahmen vollständig entfernt (sollte man mittels Klassen in den Zellen lösen)
  • Die Spaltenbreiten geändert
  • Den nur in der ersten Spalte vorhandenen Zeilenumbruch entfernt, dafür ein padding gesetzt
  • Die radio-buttons richtig eingefügt. (Habe einfach den javascript-Teil aus meinem Tutorial hieneinkopiert.)

Sieht jetzt so aus.
Als erste Arbeitsgrundlage nicht so schlecht. Wie schon gesagt, besser man benutzt css-Klassen statt in jeder Zelle wieder dasselbe inline-css einzufügen.
 

Code sieht jetzt so aus:
Guck Dir einmal diese fürchterlichen <span>-Orgien an. Und auch die ganzen <p></p> sind ja überflüssig; es gibt doch keine Paragraphen.
Code:
<table border="0" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;">
    <tbody>
        <tr>
            <td style="text-align: left;" width="25%"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000;"><b>Stromvertrag A</b></span></span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><strong>Stromvertrag B</strong></span></span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><b>Stromvertrag C</b></span></span></td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preis</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">55,00</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preisgarantie</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Mindestvertragslaufzeit</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">1 Monat</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Energiemix</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Ökostrom</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Service</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Rückmeldung auf Serviceanfragen innerhalb von 48 Stunden</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;font-size:14px"><span style="color:#000000;">Welche Option ziehen Sie vor? </span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2"> </td>
        </tr>
    </tbody>
</table>
<script type="text/javascript" charset="utf-8">
 
  $(document).on('ready pjax:scriptcomplete',function(){
 
    // Identify this question
    var thisQuestion = $('#question{QID}');
 
    // Move the radios
    $('.question-text table:eq(0) tr:last td:eq(2)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(0) *', thisQuestion));
    $('.question-text table:eq(0) tr:last td:eq(4)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(1) *', thisQuestion));
    $('.question-text table:eq(0) tr:last td:eq(6)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(2) *', thisQuestion));
 
    // Some classes for presentation
    $('.question-text table:eq(0) input:radio', thisQuestion).closest('td').addClass('answer-item radio-item text-center radio');
    $('.question-text table:eq(0) .radio-item label', thisQuestion).show();
 
    // Click event on the table cells
    $('.question-text table:eq(0) .radio-item', thisQuestion).on('click', function(e) {
      $('input:radio', this).trigger('click');
    });
    $('.question-text table:eq(0) input:radio', thisQuestion).on('click', function(e) {
      e.stopPropagation();
    });
 
    // Clean-up styles
    $('.answer-container', thisQuestion).hide();
    $('.question-text table:eq(0) .label-text', thisQuestion).remove();
    $('.question-text table:eq(0) .radio-text', thisQuestion).css({
      'cursor': 'pointer'
    });
    });
</script>

Joffm

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

Please Log in to join the conversation.

  • Anna_K
  • Anna_K's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago - 1 month 3 weeks ago #257734 by Anna_K
Replied by Anna_K on topic Choice-Based-Conjoint-Analyse
Vielen Dank für die Anpassung. Sieht schon deutlich besser aus. Ich bin keine Expertin auf dem Gebiet, daher entschuldige, wenn ich nicht die richtigen Tools und Bezeichnungen verwende. 
Eine Bitte hätte ich noch. Mir fehlt noch die Auswahloption mit "keine der Optionen". Kannst du diese vielleicht auch noch in den Quellcode einfügen. Ähnlich wie hier: 

Danke und LG Anna 
Last edit: 1 month 3 weeks ago by Anna_K.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257751 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
So, ich habe noch etwas gespielt.
Sprich, den Code sauberer gemacht.
Dazu habe ich ein paar Klassen definiert. Dadurch ist es ganz einfach, Farben, Breiten, Schriftgrößen, usw. zu ändern.
Außerdem habe ich diese blöde Zwischenspalte entfernt, die ja nur dazu diente, einen Abstand zu simulieren. Dazu dient jetzt ein 2px breiter Rahmen um die Zellen.

Die Farben habe ich zunächst so gelassen, bis auf die KA Spalte.
Schau Dir also den <style></style> Teil an. Im Grunde ist alles sehr leicht verständlich.
Der Code der Tabelle hat sich jetzt verkürzt zu
Code:
<table border="0" style="margin-top:10px; border-collapse:collapse;">
    <tbody>
        <tr>
            <td style="width:25%"> </td>
            <td class="header">Stromvertrag A</td>
            <td class="header">Stromvertrag B</td>
            <td class="header">Stromvertrag C</td>
            <td class="header headerNA">Keinen</td>
        </tr>
        <tr>
            <td class="col col1">Preis</td>
            <td class="col">55,00</td>
            <td class="col">65,00</td>
            <td class="col">75,00</td>
            <td class="col colNA"> </td>
        </tr>
        <tr>
            <td class="col col1">Preisgarantie</td>
            <td class="col">12 Monate</td>
            <td class="col">12 Monate</td>
            <td class="col">24 Monate</td>
            <td class="col colNA"> </td>
        </tr>
...

 

Und die vierte Spalte einfügen?
Na, komm, das hättest Du schon geschafft.
Wenn Du im Code dreimal dasselbe siehst, wirst Du es auch noch einmal hinzukopieren und anpassen können.
Egal.

Hier der lss Export
 

File Attachment:

File Name: limesurvey...2-29.lss
File Size:21 KB


Joffm

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

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 3 weeks ago #257775 by Joffm
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
Nachtrag:
Diese Änderungen gibt es noch:
Ganz oben:
<table class="table" style="margin-top:10px">

und in der Klasse .col sollte hinzugefügt werden
 vertical-align: middle !important;

Hast Du Dir schon überlegt, wie dies auf Smartphones aussieht?
Nämlich so
 

Geht gerade noch
Besser wäre allerdings eine der beiden Bibliotheken zu benutzen, die ich ja auch im Tutorial: Gimmicks, Kap.11 beschreiben habe.

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