---
title: "Trigger und Variablen"
description: "Lass Folien reagieren - Ereignisse, Aktionen und Bedingungen, Variablen für Text, Zahlen und wahr/falsch und wo Trigger liegen."
canonical_url: "https://docs.ols.yonn.online/de/interact/triggers-and-variables"
---
# Trigger und Variablen

> Lass Folien reagieren - Ereignisse, Aktionen und Bedingungen, Variablen für Text, Zahlen und wahr/falsch und wo Trigger liegen.

Ein **Trigger** ist eine kleine Regel, mit der dein Kurs reagiert: **Wenn** etwas passiert, **dann** tu etwas. Beispiel: Wenn jemand auf „Weiter“ klickt, dann geht es zur nächsten Folie. Dazu kannst du eine Bedingung setzen (**falls** die Punktzahl mindestens 8 ist) und festlegen, was **sonst** passiert. Mit Triggern baust du Schaltflächen, Pop-ups, Verzweigungen und kleine Spiele, ganz ohne Programmieren.

Eine **Variable** ist ein beschriftetes Kästchen, das sich während des Kurses einen Wert merkt, zum Beispiel die Punkte, den Namen oder ob ein Kapitel erledigt ist.

Du arbeitest mit diesen Teilen:

- **Reiter Trigger**: die Liste aller Trigger der Folie, ihrer Ebenen und des ganzen Kurses.
- **Trigger-Fenster**: Hier legst du Aktion, Auslöser und Bedingungen fest.
- **Fenster Variablen**: Hier legst du Variablen an und verwaltest sie.
- **Integrierte Variablen**: Werte, die der Player selbst füllt, etwa die Punktzahl oder den Namen der Lernenden.

<ui-path path="Eigenschaften > Trigger" icon="i-lucide-zap">



</ui-path>

## In 4 Schritten eingerichtet

<procedure>

### Reiter Trigger öffnen

Klick rechts im Eigenschaften-Bereich auf das Blitz-Symbol. Das ist der Reiter **Trigger**. Er zeigt alle Trigger der aktuellen Folie. Hast du ein Objekt ausgewählt, geht es auch per Rechtsklick auf das Objekt und **Trigger hinzufügen**.

### Auf Trigger klicken

Klick oben im Bereich auf die orange Schaltfläche **Trigger**. Das Fenster **Neuer Trigger** öffnet sich. Unter **Schnellstart** wählst du eine fertige Vorlage (zum Beispiel **Schaltfläche zeigt Ebene**), und alle Felder werden passend ausgefüllt. Mehr Vorlagen: [Trigger-Rezepte](https://docs.ols.yonn.online/de/interact/trigger-recipes).

### Aktion und Auslöser wählen

Unter **1 Aktion** wählst du, was passieren soll, zum Beispiel **Ebene einblenden**. Unter **2 Auslöser** wählst du, wann es passiert (**Wann**, zum Beispiel **Benutzer klickt**) und bei welchem **Objekt**. Unter jeder Auswahl steht eine kurze Erklärung mit Beispiel.

### Satz prüfen und anlegen

Oben im Fenster steht der Trigger als Satz, zum Beispiel „Springe zur nächsten Folie wenn der Benutzer auf Kachel Netzwerke klickt“. Stimmt der Satz, klick auf **Trigger anlegen**.

</procedure>

![Der Reiter Trigger der Beispielfolie Kursmenü: links die Folie, rechts die Liste der Folien-Trigger mit Schaltern zum Ein- und Ausschalten](https://docs.ols.yonn.online/screenshots/de/triggers-and-variables-panel.png)

<hint-box kind="tip" title="Gleich ausprobieren">

Drück <key-combo keys="F12">



</key-combo>

, um die aktuelle Folie in der Vorschau abzuspielen, und klick auf deine Schaltfläche. Trigger funktionieren in der Vorschau genauso wie im veröffentlichten Kurs.

</hint-box>

## Der Reiter Trigger

Der Reiter ordnet die Trigger danach, wo sie gespeichert sind: **Folien-Trigger**, je Ebene eine Gruppe (**Ebenen-Trigger**) und **Projekt-Trigger**. Innerhalb einer Gruppe stehen die Trigger unter dem Objekt, zu dem sie gehören.

<table>
<thead>
  <tr>
    <th>
      Element
    </th>
    
    <th>
      Was es macht
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Trigger
      </strong>
      
       (orange Schaltfläche)
    </td>
    
    <td>
      Öffnet <strong>
        Neuer Trigger
      </strong>
      
       für die aktuelle Folie oder Ebene.
    </td>
  </tr>
  
  <tr>
    <td>
      Trichter-Symbol
    </td>
    
    <td>
      <strong>
        Nur Trigger der ausgewählten Objekte zeigen
      </strong>
      
      . Praktisch auf vollen Folien. <strong>
        Wieder alle Trigger zeigen
      </strong>
      
       hebt den Filter auf.
    </td>
  </tr>
  
  <tr>
    <td>
      Symbole Kopieren und Einfügen
    </td>
    
    <td>
      <strong>
        Ausgewählte Trigger kopieren
      </strong>
      
       und in eine andere Folie oder Ebene einfügen (<strong>
        Trigger einfügen
      </strong>
      
      ).
    </td>
  </tr>
  
  <tr>
    <td>
      Papierkorb
    </td>
    
    <td>
      <strong>
        Ausgewählte Trigger löschen
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Plus in einer Gruppe
    </td>
    
    <td>
      Legt einen Trigger genau in dieser Gruppe an, zum Beispiel bei den Projekt-Triggern.
    </td>
  </tr>
  
  <tr>
    <td>
      Schalter vor einem Trigger
    </td>
    
    <td>
      Schaltet den Trigger aus, ohne ihn zu löschen (<strong>
        Trigger ausschalten (bleibt erhalten)
      </strong>
      
      ). Gut zum Testen.
    </td>
  </tr>
  
  <tr>
    <td>
      Kleine Überschrift über einem Trigger
    </td>
    
    <td>
      Deine eigene <strong>
        Bezeichnung
      </strong>
      
      , falls du eine vergeben hast.
    </td>
  </tr>
  
  <tr>
    <td>
      Klick auf einen Trigger
    </td>
    
    <td>
      Wählt ihn aus, zum Beispiel zum Kopieren oder Löschen. Ein Doppelklick öffnet <strong>
        Trigger bearbeiten
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Rechtsklick oder die kleinen Schaltflächen am Trigger
    </td>
    
    <td>
      <strong>
        Trigger bearbeiten
      </strong>
      
      , <strong>
        Trigger duplizieren
      </strong>
      
      , <strong>
        Trigger löschen
      </strong>
      
      .
    </td>
  </tr>
</tbody>
</table>

## Das Trigger-Fenster

![Das Fenster Neuer Trigger mit Schnellstart, Aktion, Auslöser, Bedingungen und Erweitert](https://docs.ols.yonn.online/screenshots/de/triggers-and-variables-editor.png)

<table>
<thead>
  <tr>
    <th>
      Element
    </th>
    
    <th>
      Was es macht
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Satz ganz oben
    </td>
    
    <td>
      Zeigt den ganzen Trigger in Alltagssprache. So siehst du auf einen Blick, ob er stimmt.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Schnellstart
      </strong>
    </td>
    
    <td>
      Sechs Vorlagen, die alles ausfüllen: <strong>
        Schaltfläche zeigt Ebene
      </strong>
      
      , <strong>
        Weiter zur nächsten Folie
      </strong>
      
      , <strong>
        Zustand beim Klick wechseln
      </strong>
      
      , <strong>
        Punkte zählen (Variable +1)
      </strong>
      
      , <strong>
        Ebene schließen
      </strong>
      
      , <strong>
        Folie überspringen, wenn Variable wahr
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        1 Aktion
      </strong>
    </td>
    
    <td>
      Was passiert. Je nach Aktion kommen weitere Felder dazu, zum Beispiel <strong>
        Ebene
      </strong>
      
      , <strong>
        Folie
      </strong>
      
       oder <strong>
        Variable
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        2 Auslöser
      </strong>
    </td>
    
    <td>
      <strong>
        Wann
      </strong>
      
       es passiert und bei welchem <strong>
        Objekt
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        3 Bedingungen
      </strong>
    </td>
    
    <td>
      Freiwillig. Die Aktion passiert nur, wenn die Bedingungen erfüllt sind. <strong>
        Bedingung
      </strong>
      
       fügt eine hinzu. Ohne Bedingungen wird die Aktion immer ausgeführt.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Erweitert: Sonst-Aktion
      </strong>
    </td>
    
    <td>
      Was passiert, wenn die Bedingungen nicht erfüllt sind, zum Beispiel eine Ebene „Falsch“ statt „Richtig“. Dafür brauchst du zuerst eine Bedingung.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Erweitert: Bezeichnung
      </strong>
    </td>
    
    <td>
      Ein eigener Name für die Trigger-Liste, zum Beispiel „Navigation“. Hilft, wenn eine Folie viele Trigger hat.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Erweitert: Speichern in
      </strong>
    </td>
    
    <td>
      <strong>
        Folie
      </strong>
      
       (gilt nur hier), <strong>
        Ebene
      </strong>
      
       (nur solange die Ebene sichtbar ist) oder <strong>
        Projekt
      </strong>
      
       (gilt auf jeder Folie).
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Aktiv
      </strong>
    </td>
    
    <td>
      Aus: Der Trigger bleibt gespeichert, tut aber nichts.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Trigger anlegen
      </strong>
      
       / <strong>
        Speichern
      </strong>
    </td>
    
    <td>
      Speichert den Trigger. <strong>
        Abbrechen
      </strong>
      
       schließt das Fenster ohne Änderung.
    </td>
  </tr>
</tbody>
</table>

## Aktionen

Die Aktion ist das, was der Trigger tut. Im Fenster sind sie in Gruppen sortiert:

<table>
<thead>
  <tr>
    <th>
      Gruppe
    </th>
    
    <th>
      Aktionen
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Allgemein
    </td>
    
    <td>
      Zustand ändern, Ebene einblenden, Ebene ausblenden, Objekt einblenden, Objekt ausblenden, Sichtbarkeit umschalten, Fokus setzen, Hervorhebung abspielen, Variable anpassen, Bewegungspfad starten
    </td>
  </tr>
  
  <tr>
    <td>
      Navigation
    </td>
    
    <td>
      Nächste Folie, Vorherige Folie, Zu Folie springen, Zu Szene springen, Folie als Lightbox, Lightbox schließen
    </td>
  </tr>
  
  <tr>
    <td>
      Medien
    </td>
    
    <td>
      Medium abspielen, Medium pausieren, Medium stoppen, Zeitleiste pausieren, Zeitleiste fortsetzen, Zeitleiste neu starten, Zeitleiste springen
    </td>
  </tr>
  
  <tr>
    <td>
      Hintergrundaudio
    </td>
    
    <td>
      Hintergrundaudio abspielen, Hintergrundaudio pausieren, Hintergrundaudio stoppen, Hintergrundaudio festlegen
    </td>
  </tr>
  
  <tr>
    <td>
      Projekt / Ergebnisse
    </td>
    
    <td>
      Interaktion absenden, Ergebnisse absenden, Ergebnisse überprüfen, Ergebnisse zurücksetzen, Quiz wiederholen, Ergebnisse drucken, Kurs beenden, Kurs neu starten, Kurs abschließen
    </td>
  </tr>
  
  <tr>
    <td>
      Mehr
    </td>
    
    <td>
      URL / Datei öffnen, E-Mail senden, JavaScript ausführen
    </td>
  </tr>
</tbody>
</table>

Eine **Ebene** liegt über der Folie, zum Beispiel ein Pop-up oder eine Rückmeldung. Eine **Lightbox** öffnet eine andere Folie als Fenster über der aktuellen.

## Auslöser

Der Auslöser ist der Moment, in dem der Trigger startet.

<table>
<thead>
  <tr>
    <th>
      Gruppe
    </th>
    
    <th>
      Auslöser
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Maus
    </td>
    
    <td>
      Benutzer klickt, Benutzer doppelklickt, Benutzer klickt rechts, Maus schwebt darüber, Maus betritt, Maus verlässt
    </td>
  </tr>
  
  <tr>
    <td>
      Zeitleiste
    </td>
    
    <td>
      Zeitleiste startet, Zeitleiste endet, Zeitleiste erreicht (einen Zeitpunkt oder Cue-Punkt)
    </td>
  </tr>
  
  <tr>
    <td>
      Objekte & Variablen
    </td>
    
    <td>
      Medium endet, Zustand ändert sich, Variable ändert sich, Fokus verloren, Animation endet
    </td>
  </tr>
  
  <tr>
    <td>
      Ziehen & Ablegen
    </td>
    
    <td>
      Objekt abgelegt auf, Objekt gezogen über
    </td>
  </tr>
  
  <tr>
    <td>
      Tastatur & Gesten
    </td>
    
    <td>
      Taste gedrückt, Benutzer wischt
    </td>
  </tr>
  
  <tr>
    <td>
      Bewegung
    </td>
    
    <td>
      Objekt überschneidet, Überschneidung endet, Objekt betritt die Folie, Objekt verlässt die Folie
    </td>
  </tr>
</tbody>
</table>

„Zeitleiste startet“ löst aus, sobald eine Folie oder Ebene erscheint. Nimm ihn für alles, was von selbst passieren soll.

## Bedingungen

<table>
<thead>
  <tr>
    <th>
      Bedingung
    </th>
    
    <th>
      Was sie prüft
    </th>
    
    <th>
      Beispiel
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Variable
      </strong>
    </td>
    
    <td>
      Den Wert einer Variablen: ist gleich, ist ungleich, ist kleiner als, ist kleiner oder gleich, ist größer als, ist größer oder gleich, enthält, enthält nicht, ist leer, ist nicht leer
    </td>
    
    <td>
      „Punkte“ ist größer oder gleich 8
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Objektzustand
      </strong>
    </td>
    
    <td>
      Ob ein Objekt in einem Zustand ist (oder nicht)
    </td>
    
    <td>
      Das Kontrollkästchen ist „Ausgewählt“
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Überschneidung
      </strong>
    </td>
    
    <td>
      Ob sich zwei Objekte überlappen
    </td>
    
    <td>
      Das Puzzleteil liegt auf dem Feld
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Fensterbreite
      </strong>
    </td>
    
    <td>
      Wie breit das Player-Fenster der Lernenden ist, mit Vorlagen für iPhone, iPad, Laptop und große Bildschirme
    </td>
    
    <td>
      Schmaler als 600 px: einfachere Ebene zeigen
    </td>
  </tr>
</tbody>
</table>

Mehrere Bedingungen verknüpfst du mit **UND** (alle müssen stimmen) oder **ODER** (eine reicht).

## Variablen

Unter <ui-path path="Ansicht > Variablen">



</ui-path>

 verwaltest du deine Variablen. Eine neue Variable kannst du auch direkt im Trigger-Fenster anlegen: Öffne die Variablen-Auswahl und wähle **Neue Variable**.

<table>
<thead>
  <tr>
    <th>
      Element
    </th>
    
    <th>
      Was es macht
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Vorlagen
      </strong>
    </td>
    
    <td>
      Fertige Variablen: <strong>
        Punkte zählen
      </strong>
      
      , <strong>
        Name speichern
      </strong>
      
      , <strong>
        Kapitel erledigt
      </strong>
      
      , <strong>
        Versuche zählen
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Neue Variable
      </strong>
    </td>
    
    <td>
      Legt eine leere Variable an.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Name
      </strong>
    </td>
    
    <td>
      Buchstaben, Ziffern und <code>
        _
      </code>
      
      , keine Leerzeichen, nicht mit einer Ziffer am Anfang.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Typ
      </strong>
    </td>
    
    <td>
      <strong>
        Zahl
      </strong>
      
       (Punkte, Versuche), <strong>
        Text
      </strong>
      
       (ein Name, eine Antwort) oder <strong>
        Wahr/Falsch
      </strong>
      
       (wie ein Schalter: Kapitel erledigt oder nicht).
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Startwert
      </strong>
    </td>
    
    <td>
      Der Wert zu Beginn des Kurses.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Beschreibung
      </strong>
    </td>
    
    <td>
      Eine Notiz für dich: Wofür ist die Variable da?
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Verwendet
      </strong>
    </td>
    
    <td>
      Wie oft die Variable im Kurs vorkommt.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Integrierte Variablen
      </strong>
    </td>
    
    <td>
      Werte des Players, nur zum Lesen (siehe unten).
    </td>
  </tr>
</tbody>
</table>

Um eine Variable während des Kurses zu ändern, nimmst du die Aktion **Variable anpassen**. Sie kann **Zuweisen (=)**, **Addieren (+)**, **Subtrahieren (-)**, **Multiplizieren (*)**, **Dividieren (/)**, **Modulo (%)**, **Umschalten (wahr/falsch)**, eine **Zufallszahl** ziehen oder **Anhängen (Text)**.

Um eine Variable in einem Textfeld anzuzeigen, schreibst du ihren Namen zwischen Prozentzeichen: `%Name%`. Beispiel: „Gut gemacht, %Name%!“

### Integrierte Variablen

Diese Werte füllt der Player selbst. Du kannst sie in Texten anzeigen und in Bedingungen prüfen, aber nicht ändern. Beispiele: `Project.SlideNumber`, `Project.TotalSlides`, `Project.ProgressPercent`, `Slide.Title`, `Results.ScorePercent`, `Results.Passed`, `Learner.Name` und `Date.Today`. In der Variablen-Auswahl des Trigger-Fensters findest du alle unter **Integriert (nur lesen)**.

<hint-box kind="tip" title="Name der Lernenden aus Moodle">

`%Learner.Name%` zeigt den Namen, den Moodle meldet, zum Beispiel: „Hallo %Learner.Name%, du hast %Results.ScorePercent% Prozent erreicht.“

</hint-box>

## Projekt-Trigger

Projekt-Trigger gelten auf jeder Folie. Beispiel aus dem Beispielkurs: Wenn die Taste H gedrückt wird, dann zur Folie „Kursmenü“ springen. Du legst sie mit dem Plus neben **Projekt-Trigger** an oder wählst unter **Erweitert: Speichern in** den Eintrag **Projekt**.

## JavaScript-Trigger

Die Aktion **JavaScript ausführen** startet eigenen Programmcode. Den brauchst du nur in ganz besonderen Fällen.

<hint-box kind="warning" title="Standardmäßig aus, nur von dir einschaltbar">

JavaScript läuft nur, wenn unter <ui-path path="Ansicht > Kurs">



</ui-path>

 **JavaScript erlauben** eingeschaltet ist, und nur im veröffentlichten Paket, nie in der Vorschau. Nach jedem Import ist der Schalter wieder aus. Eine KI kann ihn nie einschalten.

</hint-box>

## Wenn etwas nicht klappt

- **Beim Klick passiert nichts**: Prüf den Schalter vor dem Trigger (er muss an sein) und das **Objekt** unter **Auslöser**. Liegt der Trigger auf der richtigen Ebene?
- **Der Trigger löst auf der falschen Folie aus**: Schau unter **Erweitert: Speichern in**, ob es ein Folien-, Ebenen- oder Projekt-Trigger ist.
- **Die Bedingung greift nie**: Öffne mit <key-combo keys="F12">



</key-combo>

 die Vorschau und klick auf **Variablen**. Dort siehst du jeden Wert live.
- **Die Sonst-Aktion lässt sich nicht einschalten**: Sie braucht zuerst mindestens eine Bedingung.
- **JavaScript tut nichts**: Es läuft nie in der Vorschau. Veröffentliche den Kurs und schalte **JavaScript erlauben** ein.


## Sitemap

See the full [sitemap](https://docs.ols.yonn.online/sitemap.md) for all pages.
