Tabellen / Listenansicht in Datenbank: Tabelle sortierbar machen | ||
---|---|---|
Man kann alle Tabellen, aber insbesondere die in der Listenansicht von Datenbanken, sortierbar machen: Eine Möglichkeit ist https://www.kryogenix.org/code/browser/sorttable/ (Anleitung durchlesen!) (ist in Hessen in den SchulMoodle integriert, man kann also Tabellen sortierbar machen) It's possible to show a symbol in a sortable table's column headers to indicate that the table is sortable. To do this, add a bit of CSS to your stylesheet: table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { content: " \25B4\25BE" } Note that this requires support for CSS generated content, which needs a modern-ish browser. You can, of course, change the generated content to whatever you want. Der Javascript-Code (sorttable.js) kann auch in der Javascript-Vorlage der Datenbank integriert werden, der CSS-Code entsprechend in der CSS-Vorlage.Beispielkurs mit Beispieltabelle: https://mo1300.schule.hessen.de/course/view.php?id=42 (Dank an @rettiwtaccount@mastodon.cloud) Man sollte in sorttable.js (Quelle https://www.kryogenix.org/code/browser/sorttable/) bei den Zeilen 262 und 264 den Punkt durch Komma ersetzen, damit Kommazahlen auch in unserem Zahlenformat korrekt sortiert werden. (Dank an @fusion@mastodon.social) |
Teilnehmer/in zufällig auswählen | ||
---|---|---|
Link zur Website von Florian Dagner |
T@ | Test vorgegebene Navigation erzwingen | |
---|---|---|
So kann man erreichen, dass man in der Aktivität Test erst die erste Frage einer Seite richtig beantworten muss, bevor man zu nächsten Seite/Frage weitergehen kann. 1. Test erstellen 2. Am besten nur eine Frage auf eine Seite (Code nutzt die Auswertung der ersten Frage einer Seite) 3. Navigation vorgegeben einstellen 4. Code unten in einen Textblock auf der Fragenseite kopieren (Editor ausschalten) <p>Du musst diese Frage erst richtig beantworten, bevor du weiter gehen kannst.</p> <style> .submitbtns {visibility:hidden} </style>
setTimeout(()=>{ grades = document.querySelector(".grade"); var punkte = grades.innerText.split(" "); if (punkte[2]==punkte[4]) { document.querySelector(".submitbtns").style.visibility="visible"; console.log("Grades. "+grades.innerText) } },1000); </script> |
Texteditor | ||
---|---|---|
Hier steht eine ausführliche Erklärung zu den verschiedenen Texteditoren. |
Themenformat: Abschnittsüberschriften gestalten | ||
---|---|---|
Auf der Basis des folgenden CSS-Codes lassen sich die Abschnittsüberschriften im Themenformat gestalten:
Dank an @FrauSpeckner : https://bildung.social/@FrauSpeckner/110909679224513293 |
Timer | ||
---|---|---|
Dieses Script von Florian Dagner in einem Textblock oder Textfeld erstellt einen Timer. |
T@ | Trick: Hilfe-Button in Kursbeantragung | |
---|---|---|
Es gibt Seiten in denen man kein Textfeld/Textblock hat um Code einzugeben z.B. die Seite der Kursbeantragung. Man kann dort trotzdem Code nutzen, durch einen Trick. Ich wollte eine geführte Hilfe bei der Kursbeantragung für K:K geben, dafür habe ich eine Nutzertour angelegt. Problem, diese wurde nur beim ersten Mal angezeigt und der Link, um die Tour zurückzusetzen, also erneut anzuzeigen, war in Moodle 3 unscheinbar ganz unten auf der Seite. Also wollte ich einen auffallenden Button zum die Tour erneut anzuzeigen, aber ich hatte kein Textfeld um den Code abzulegen. Dann kam ich auf die Idee, den Code ins Sprachpaket zu legen. Man muss dafür einen Ausdruck finden, der nur an exakt dieser Stelle verwendet wird, sonst taucht der Button überall auf. Also "Beantragung" (courserequest) eignet sich nicht, aber "Details zum beantragten Kurs" (courserequestdetails). Also unter Websiteadministration -> Sprache -> Sprachanpassungen -> Sprachpaket bearbeiten und dann nach "courserequestdetails" suchen (Core markieren bei Komponenten) |