Zu Inhalt springen
Dein Onlineshop für STO Farben!
Dein Onlineshop für STO Farben!

Kostenlose Beratung
05042 98 49 001

Bestpreis-Garantie

Schnelle Lieferung

Versandkostenfrei
ab 159€

Farbton

// Ihre JSON-Daten var jsonData = [ { "Farbtonkarten_Bezeichnung": "DB", "Farbton_ID": "DB301", // Andere Felder hier }, { "Farbtonkarten_Bezeichnung": "DB", "Farbton_ID": "DB310", // Andere Felder hier } ]; // Funktion zum Erzeugen des
-Elements function createDivElement(data) { var div = document.createElement("div"); div.className = "col-md-12 col-12"; div.onclick = function() { hide(); show('db'); color_coloumn(undefined, undefined, data.Farbtonkarten_Bezeichnung); scrollToDestination('db'); }; var innerDiv = document.createElement("div"); innerDiv.className = "farbkategorie color__group picker-font medium"; var icon = document.createElement("i"); icon.className = "fa-solid fa-circle-chevron-right"; icon.innerHTML = " "; var span = document.createElement("span"); span.className = "farbkategorie color__group-label"; span.textContent = data.Farbtonkarten_Bezeichnung + " Farbtöne"; innerDiv.appendChild(icon); innerDiv.appendChild(span); div.appendChild(innerDiv); return div; } // Jetzt können Sie die JSON-Daten durchgehen und
-Elemente für jeden Eintrag erstellen var container = document.getElementById("container"); // Ersetzen Sie "container" durch die ID des Containers, in dem Sie die Elemente platzieren möchten jsonData.forEach(function(item) { var divElement = createDivElement(item); container.appendChild(divElement); });