Einträge aus einer Tabelle zufällig bestimmen und hervorheben

Tobbes · 18. Dezember 2017

Hey Leute,

vorab: ich bin noch sehr neu im Thema programmieren und hab daher leider noch kaum Kenntnisse.

Also. Ich habe eine Tabelle mit 195 Zeilen und möchte gerne 23 davon zufällig ausgewählte Zeilen haben und die dann hervorheben. Sollte am besten auch jedes mal beim neuladen der Seite wieder andere zufällige Zeilen sein. Ganz einfach gesagt: Ich rufe die Seite auf und es werden 23 zufällige Zeilen aus der Tabelle farbig hervorgehoben.

Die Tabelle habe ich schon erstellt. Nur gibt es eine Möglichkeit das umzusetzen?

Sempervivum · 18. Dezember 2017

Ja, das geht z. B. mit diesem Javascript:

Code

function shuffle(a) {
            var j, x, i;
            for (i = a.length - 1; i > 0; i--) {
                j = Math.floor(Math.random() * (i + 1));
                x = a[i];
                a[i] = a[j];
                a[j] = x;
            }
        }
        var nrtohighlight = 23;
        var tbl = document.getElementById("table1");
        var nrrows = tbl.rows.length;
        var idxes = [];
        for (var i = 0; i < nrrows; i++) {
            idxes.push(i);
        }
        shuffle(idxes);
        for (var i = 0; i < nrtohighlight; i++) {
            tbl.rows[idxes[i]].classList.add("highlight");
        }

Alles anzeigen

Das Prinzip ist, ein Array mit den Indizes zu erzeugen, und zu mischen (shuffle), so dass die Reihenfolge zufällig wird. Dann die ersten 23 Indizes nehmen und die Zeile, die dazu gehört, hervorheben, hier durch Hinzufügen einer Klasse und Zuweisen einer Hintergrundfarbe.

Einträge aus einer Tabelle zufällig bestimmen und hervorheben

Jetzt mitmachen!

Teilen