JavaScript-Lösungen
Hier soll eine Sammlung von Musterlösungen entstehen, die man verwenden kann, um HTML-Seiten zu erstellen, die mit dem GeoGebra-Applet interagieren können.
Werte aus dem Applet ablesen
Durch den folgenden Code wird ein Formular-Bereich angezeigt, bei dem die zwei Punkte angegeben können, zwischen denen der Abstand berechnet werden soll. Ein Knopf ist mit der Funktion "abstand()" verbunden, durch den die Berechnung durchgeführt wird.
<FORM name="formular"> Länge der Strecke von <INPUT type="text" name="Punkt1" size="1"> nach <INPUT type="text" name="Punkt2" size="1"> = <INPUT type="text" name="laenge" size="5" readonly> <INPUT type="button" name="Best immeStrecke" value="Bestimme" size="10" onclick="abstand()"> </FORM>
Damit der Berechnen-Knopf funktioniert, muss der folgende Code im <Head>-Bereich des HTML-Dokumente eingetragen werden:
<script language="javascript" type="text/javascript">
function abstand()
{
var befehl = 'j = Abstand['+document.formular.Punkt1.value +',' +document.formular.Punkt2.value+']';
document.TestApplet.evalCommand(befehl);
var jlaenge = document.TestApplet.getValue("j");
document.formular.laenge.value = jlaenge;
}
</script>
Zunächst wird ein Befehl zusammen gestellt, durch den die Streckenlänge "j" festgelegt wird. Dieser Befehl wird in der nächsten Zeile an das Applet (mit dem Namen TestApplet)übergeben. In der letzten beiden Zeilen wird der Wert von "j" aus dem Applet ausgelesen und auf der HTML-Seite ausgegeben.
Alle anderen Werte können ähnlich bestimmt werden; es muss nur die Zeile geändert, in der der Berechnungsbefehl zusammengestellt wird. Es ist der gleiche Befehl, wie er in GeoGebra verwendet wird. Gegebenenfalls braucht man mehr oder weniger Eingabe-Bereiche.
Die Farbe eines Punktes in Abhängigkeit von einem Wert ändern
Im HEAD-Tag werden folgende Funktionen festgelegt:
<SCRIPT language=JavaScript>
function Pruefe(){
Cont = setInterval("Farbe()",200);
}
function Farbe(){
var x = document.applets[0].getXcoord('A');
if(x>=0){
document.applets[0].setColor('A',255,0,0);
}
else{
document.applets[0].setColor('A',0,0,255);
}
}
</SCRIPT>
Im BODY-Tag wird die Funktion Pruefe gestartet.
<BODY onload="Pruefe();">
Durch den Aufruf der Funktion "Pruefe" im Body-Tag wird in einem regelmäßigen Zeitintervall (200 ms???) die Funktion "Farbe" aufgerufen, mit der eine Eigenschaft überprüft und ggf. die Farbe des Punktes verändert wird.
siehe auch: Farbe dynamisch ändern
Siehe auch
- JavaScript-Steuerung - Allgemeines zu GeoGebra und JavaScript
- Animationen mit JavaScript - eine laufende Uhr durch Zeitsteuerung über JavaScript
- Steuerung von GeoGebra mit JavaScript - eine html-Beispielseiteein Beispiel zum gleichzeitigen Einblenden von Text und GeoGebra-Objekten (Simulation eines Tafelanschriebs) mit JavaScript zeigen die dynamischen Arbeitsblätter Grundkonstruktionen
- Turtlegrafik - Turtlegrafik mit Hilfe von geogebra und JavaScript
