3_Den PRÜFEN-Button gestalten
Die beiden Schaltflächen sind jederzeit klickbar - also kann man bei einer Aufgabe, die man als Nutzer nicht bearbeiten möchte, einfach eine neue Aufgabe erzeugen lassen.
In vielen Zusammenhängen ist dies sicher sinnvoll.
In unserer Anwendung jedoch soll nun immer nur ein Button klickbar sein. Außerdem soll der Benutzer an der grünen Farbe der Schalfläche erkennen, dass diese Schaltfläche gerade aktiv ist.
Arbeitsauftrag - Prüfen-Button anpassen:
Wähle mit der rechten Maustaste die Einstellungen dieser Schaltfläche - wähle "Skripting" - "Bei Mausklick":
CODE zum Kopieren: var a = ggbApplet.getValue("a"); var correctCount = ggbApplet.getValue("correctCount"); ggbApplet.evalCommand("attemptCount=attemptCount+1"); if (a==true) { alert("Richtig :o)"); ggbApplet.setValue("correctCount",correctCount+1); ggbApplet.setFixed("Button1",true,false); ggbApplet.setFixed("Button2",true,true); ggbApplet.setColor("Button1",150,150,150); ggbApplet.setColor("Button2",0,100,0); } else { alert("Leider falsch - probiere es noch einmal!"); }Vergiss nicht auf JavaScript umzustellen!
Den Code verstehen:
Bei Mausklick auf den Prüfen-Button UND richtiger Antwort werden folgende zusätzlichen Befehle für die Formatierung der Schaltflächen ausgeführt:
ggbApplet.setFixed("Button1",true,false); schaltet den Prüfen-Button auf "nicht klickbar".
ggbApplet.setFixed("Button2",true,true); schaltet den neueAufgabe-Button auf "klickbar".
ggbApplet.setColor("Button1",150,150,150); färbt die Schrift des Prüfen-Button grau (RGB 150 150 150).
ggbApplet.setColor("Button2",0,100,0); färbt die Schrift des Prüfen-Button grün (RGB 0 100 0).