0 votes
in SoSci Survey (dt.) by s222544 (640 points)

Hallo liebes SoSci Survey Support Team,

vielen Dank für Ihre großartige Hilfe bisher!

Darf ich Sie freundlich beim Fragetypen "Texteingabe offen", exakte Summe der Textfelder muss 100 ergeben, um den JavaScript Code der Gesamtsumme und der Prüfung, ob die Summe wirklich 100 ist, bitten?

Für mein Projekt benötige ich eine Seite Text mit Erklärungen von komplizierten Mechanismen in meiner Umfrage.

Vielen Dank im Voraus!

Viele Grüße!

by SoSci Survey (328k points)
Nun, im einfachsten Fall tragen Sie in der Texteingabe-Frage einfach bei den Antwort-Restriktionen ein, dass die Summe 100 ergeben muss und schalten für die Frage die Antwort-Prüfung ein.

Wenn diese Lösung nicht zu Ihrem Erhebungsinstrument passt, dann würde ich Sie um eine kurze Beschreibung bitten, was Sie anders brauchen? Dann kann ich auch konstruktiv antworten.
by s222544 (640 points)
Ich verstehe die Anwendung in SoSci Survey und habe auch keine Probleme damit.

Ich brauche den JavaScript Code, den ich bei SoSci Survey nicht sehe, der für die richtige Umsetzung der Summe und der Antwortprüfung verantwortlich ist.

Könnten Sie den JavaScript Code für die Summe und die Antwortprüfung, dass drei Textfelder in der Summe exakt 100 sein müssen, hier reinschreiben?

Vielen Dank!

1 Answer

0 votes
by SoSci Survey (328k points)
selected by s222544
 
Best answer

Ich brauche den JavaScript Code, den ich bei SoSci Survey nicht sehe, der für die richtige Umsetzung der Summe und der Antwortprüfung verantwortlich ist.

Auf Basis Ihrer Frage kann ich die Hintergründe dieses Anliegens zwar nicht nachvollziehen (und deshalb auch keine weiterführenden Empfehlungen geben) ... aber den Code kann ich gerne bereitstellen.

Innerhalb des Fragebogens sind es zwei Aufrufe:

S2QstText.textSumInstance.attach(outputID, summe, [inputIDs], dezimalstellen, fehlermeldung);
2QstText.textSumInstance.setDecimalSeparator(",");

Die Klasse S2QstText, dich dann im Hintergrund um die Überprüfung und Anzeige der Summe kümmert, ist dann ein wenig umfangreicher.

function S2QstText(qstID) {
    
    "use strict";
    
    // Inherit
    var node = document.getElementById(qstID + "_qst");
    SoSciTools.QuestionWithItems.call(this, qstID, "text", node);
    
    this.responseComplete = function() {
        var items = this.items;
        for (var key in items) {
            if (items[key].input && (items[key].input.value.trim() === "")) {
                return false;
            }
        }
        return true;
    };
    
}

/**
 * @constructur
 */
S2QstText.TextSum = function() {
    "use strict";
    
    var collections = {};
    var checks = [];
    var decimalSeparator = ".";

    /**
     * Constructor
     * @param {type} sumID
     * @param {type} sum
     * @param {type} inputIDs
     * @param {type} decimals
     * @param {type} msg
     * @returns {oFbTextSum.Collection}
     */
    function Collection(sumID, sum, inputIDs, decimals, msg) {
        var collection = this;
        var inputs = [];
        var sumDisplay = document.getElementById(sumID);
        if (sumDisplay) {
            // The sum display need not look like an input
            // Legacy
            if (!sumDisplay.classList) {
                sumDisplay.classList = SoSciTools.classList(sumDisplay);
            }
            sumDisplay.classList.add("s2iInputOut");    
        } else {
            console.warn("There is no element for the S2QstText.TextSum with ID", sumID);
        }
        
        function getSum() {
            var sum = 0;
            for (var i = 0; i < inputs.length; i++) {
                var valueS = inputs[i].value;
                var value;
                if (decimals > 0) {
                    valueS = valueS.replace(/,/, ".");
                    value = parseFloat(valueS);
                } else {
                    value = parseInt(valueS);
                }
                if (!isNaN(value)) {
                    sum += value;
                }
            }
            // Round to decimals
            if (decimals > 0) {
                var factor = Math.pow(10, decimals);
                sum = Math.round(sum * factor) / factor;
            } else {
                sum = Math.round(sum);
            }
            return sum;
        }

        this.updateSum = function() {
            if (!sumDisplay) {
                return;
            }
            
            var sumV = getSum();
            // Show decimals
            var sumS;
            if (decimals > 0) {
                sumS = sumV.toFixed(decimals);
                // Format
                if (decimalSeparator !== ".") {
                    sumS = sumS.replace(".", decimalSeparator);
                }

            } else {
                sumS = sumV.toString();
            }
            // Display new sum
            sumDisplay.value = sumS;
            // Does it fit?
            if (sumV === 0) {
                sumDisplay.classList.remove("s2iFine");
                sumDisplay.classList.remove("s2iFail");
            } else if (sumV == sum) {
                sumDisplay.classList.add("s2iFine");
                sumDisplay.classList.remove("s2iFail");
            } else {
                sumDisplay.classList.add("s2iFail");
                sumDisplay.classList.remove("s2iFine");
            }
        };

        for (var i = 0; i < inputIDs.length; i++) {
            var input = document.getElementById(inputIDs[i]);
            if (!input) {
                console.warn("There is no input " + inputIDs[i]);
                continue;
            } else if (input.addEventListener) {
                // Mozilla style
                input.addEventListener("keyup", this.updateSum, false);
                input.addEventListener("change", this.updateSum, false);
            } else if (input.attachEvent) {
                // IE style
                input.attachEvent("onkeyup", this.updateSum);
            }
            inputs.push(input);
        }
        this.updateSum();

        this.checkExpectation = function () {
            return (sum == getSum());
        };

        this.getExpectation = function () {
            return sum;
        };
        
        this.getErrorMessage = function() {
        	return msg;
        };

    }

    function checkSums(evt) {
        for (var i = 0; i < checks.length; i++) {
            var collection = collections[checks[i]];
            if (!collection.checkExpectation()) {
                alert(collection.getErrorMessage());
                return false;
            }
        }
        return true;
    }

    /*
     * Register a text collection for sum display
     */
    this.attach = function (sumID, sum, inputIDs, decimals, msg) {
        collections[sumID] = new Collection(sumID, sum, inputIDs, decimals, msg);
    };

    /*
     * Tell the form to check the given sum before submit.
     */
    this.check = function (sumID) {
        checks.push(sumID);
        var page = SoSciTools.getPage();
        page.attachCheck(checkSums);
    };

    /**
     * Set the character to separate a number's decimals.
     * @param {String} s
     * @returns {undefined}
     */
    this.setDecimalSeparator = function (s) {
        decimalSeparator = s;
        // Refresh all collections
        for (var id in collections) {
            collections[id].updateSum();
        }
    };
};

// Global instance to be used
S2QstText.textSumInstance = new S2QstText.TextSum();
window["oFbTextSumInstance"] = S2QstText.textSumInstance;


S2QstText.Item = function(itemID, input) {
    
    "use strict";
    
    // Inherit
    var gi = parseInt(itemID.substr(5).replace(/^0/, ""));
    var inputs = [input];
    
    var node = document.getElementById(itemID + "_input");
    
    // May have a DK input
    var dkInput = document.getElementById(itemID + "a");
    if (dkInput) {
        inputs.push(dkInput);
    }
    
    SoSciTools.QuestionItem.call(this, gi, inputs, node);
};


// Initialize
S2QstText.instances = {};
S2QstText.getInstance = function(qstID) {
    if (!(qstID in S2QstText.instances)) {
        S2QstText.instances[qstID] = new S2QstText(qstID);
    }
    return S2QstText.instances[qstID];
};

// Automatically load all cardrate questions on the page
S2QstText.init = function() {
    var elements = document.getElementsByClassName("s2jsText");
    for (var i=0; i<elements.length; i++) {
        var input = elements[i];
        var itemID = input.getAttribute("id");
        var qstID = itemID.substr(0, 4);
        var appendix = itemID.substr(4);
        if (appendix === "_sum") {
            continue;
        }
        var question = S2QstText.getInstance(qstID);
        var item = new S2QstText.Item(itemID, input);
        question.registerItem(item);
    }
};
S2Autorun.onload(S2QstText.init);

Bitte beachten Sie, dass dieses Script auf einige Schnittstellen von SoSciTools zurückgreift, die sich durchaus auch mal ändern können. Zum Beispiel das S2Autorun oder SoSciTools.QuestionWithItems.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...