Ich würde gerne ein drittes Label zu dem Schieberegler hinzufügen - in die Mitte des Reglers.
Dafür habe ich versucht den folgenden Java code zu nutzen. Das dritte Label wird aber nur gerendert wenn ich auf 'Untersuchen'/DevTools gehe, sonst nicht.
(function() {
// Function to add the middle label
function insertMiddleLabel() {
var labels = document.querySelector("#AC15_01_input .s2labels");
if (!labels) return false; // not ready yet
// Prevent duplicates
if (labels.querySelector(".middle-label")) return true;
// Make labels container relative
labels.style.position = "relative";
// Create middle label
var middle = document.createElement("div");
middle.className = "s2value s2readable middle-label";
middle.textContent = "4 – Teils-teils";
// Style it to appear centered above the slider
middle.style.position = "absolute";
middle.style.left = "50%";
middle.style.transform = "translateX(-50%)";
middle.style.top = "0"; // adjust vertical offset if needed
middle.style.whiteSpace = "nowrap";
middle.style.textAlign = "center";
middle.style.pointerEvents = "none";
labels.appendChild(middle);
return true;
}
// Create a MutationObserver to detect when SoSci renders the slider
var target = document.getElementById("AC15_01_input");
if (!target) return;
var observer = new MutationObserver(function(mutations) {
if (insertMiddleLabel()) {
observer.disconnect(); // stop observing once added
}
});
observer.observe(target, { childList: true, subtree: true });
// Also attempt immediately in case the slider is already there
insertMiddleLabel();
})();