Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- neuen_button_einfuegen [2025/10/23 13:48] – wikiwriter
+++ neuen_button_einfuegen [2025/10/23 14:09] (aktuell) – [In der Datei tigerquiz.css] wikiwriter
@@ Zeile 2: / Zeile 2: @@
 Um einen neuen Button im Skript //TigerQuiz// einzufügen sind folgende Einträge vorzunehmen (hier am Beispiel __Help__):
+======In der Datei tigerquiz.js======
 ===== Element erzeugen =====
@@ Zeile 57: / Zeile 59: @@
 ===== und zum Schluss den Knopf in der Button-Leiste der Seite anzeigen =====
           cloneButtonContainer.appendChild(cloneHelpBtn);
+======In der Datei tigerquiz.css======
+In den Listen mit ''.check-button'' den Eintrag ''.help-button'' hinzufügen (zwei Stellen).
+Der Punkt ''.'' ist wichtig, da aus der Klasse ''help-button'' in //quiz.js// die HTML-Klasse ''.help-button'' abgeleitet wird.
+Hintergrundfarbe festlegen
+    .help-button {
+        background-color: #7f8c00;
+    }
+Um die Aufnahme der eingebetteten Hilfe-/Lösungsseite mit ausreichend Platz auszustatten, wurde Anzeige der Klasse ''.feedback'' modifiziert:
+    .feedback {
+        font-weight: bold;
+        margin-top: 20px;
+        margin-left: 0px;
+        margin-right: 0px;
+        font-size: 24px;
+        /* center feedback */
+        text-align: center;
+        zoom: 1.0;
+        height: 100%;
+        width: 100%;
+    }
+Es kommt dabei auf die Einträge ''zoom'', ''height'' und ''width'' an.

TigerWiki