Webseiten-Werkzeuge


neuen_button_einfuegen

Dies ist eine alte Version des Dokuments!


Einfügen eines neuen Buttons in tigerquiz.js

Um einen neuen Button im Skript TigerQuiz einzufügen sind folgende Einträge vorzunehmen (hier am Beispiel Help):

Element erzeugen

  let helpButton = document.createElement('button'); 

Klasse für alle Seiten zuweisen

  helpButton.classList.add('help-button');

Beschriftung (Text) zuweisen

  helpButton.innerHTML = "Help";

Klasse für das gesamte Dokument zuweisen

  helpButton.classList.add('action-buttons');

Taste und Klick-Funktion zuweisen

    settings.helpKey = options.helpKey ? options.helpKey.toLowerCase() : "h";
    settings.helpKeyCode = keyCodes[settings.helpKey] || 72;
    
    deck.addKeyBinding({ keyCode: settings.helpKeyCode, key: settings.helpKey }, () => {
      let currentSlide = deck.getCurrentSlide();
      let helpBtn = currentSlide.querySelector('.help-button');
      helpBtn.click();
    });
neuen_button_einfuegen.1761219170.txt.gz · Zuletzt geändert: von wikiwriter