Tutorial: GeoGebra-Applet mit JavaScript steuern

(Joachim Jakob 2016, CC BY 3.0 DE)

Schritt 1: Die GGB-Datei als Applet in eine HTML-Datei einbinden

Als Werkzeug kann hierfür GeoGebra2HTML verwendet werden.

Schritt 2: jQuery einbinden und den Schaltflächen die Funktionen anbinden

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> function lade_seite() { $('#b_id').bind('click', function() { try { applet1.evalCommand('M = (1,5)'); } catch(e) { console.log('Applet noch nicht geladen? ⇒ '+e); } }); } $(document).ready(function(){ lade_seite(); }); </script>
Eine Übersicht der verfügbaren Funktionen findet sich hier.

Schritt 3: HTML-Buttons mit der passenden ID und Beschriftung

Außerhalb des Applets liegende Schaltflächen können z.B. mit der Syntax

erzeugt werden.

Vorschaubeispiel: Schrittweise Konstruktion

Tipp: betrachte den Quelltext dieser Seite mit Strg+U

Es können auch andere Aspekte des Applets entweder gesetzt oder ausgelesen werden.
Mit Hilfe der Demo-Seite GeoGebra-Fernsteuerung kann man einfach eigene interaktive GeoGebra-in-HTML-Arbeitsblätter erzeugen.