Inhaltsübersicht | Nanomaschinen | Moleküle | Programme | Kurse | Fun | Links

>

Einfügen der Kontrollelemente "Checkbox" und "Radiogroup"

In diesem Schritt fügen Sie unterhalb des Applets eine Checkbox ein, mit der die Molekülrotation ein- und ausgeschaltet werden kann, sowie eine Serie von Radiobuttons, mit denen die Rotationsgeschwindigkeit reguliert werden kann.

Oeffnen Sie de Seite "S2-Ende.html" im Webbrowser. Sie werden im Folgenden die Seite "S2-Start.html" so abändern, dass sie der Seite "S2-Ende.html" entspricht.

Oeffne Sie die Seite "S2-Start.htm" im HTML-Editor, und suchen Sie im Quellencode die Stelle, an der im vorhergehenden Schritt das Jmol-Applet eingefügt wurde:

<script type="text/javascript">
jmolApplet(400,"load PDB/L-Alanin.pdb;");
</script>

Wir fügen die Kontrollelemente im gleichen Javaskript ein, in dem schon das Jmol-Applet eingefügt wird. Zuerst erzeugen wir mit "jmolBr();" einen Zeilenumbruch, damit die Checkbox in eine neue Zeile kommt. Falls wir einen etwas grösseren Abstand zum Molekülfenster wünschen, können wir "jmolBr();" auch zwei- oder dreimal aufrufen.

Nun fügen wir mit "jmolCheckbox("spin on;", "spin off;", "Rotation ein/aus");" die Checkbox ein. "spin on," ist das Jmol-Skript, das ausgeführt wird, wenn wir die ausgeschaltete Checkbox anklicken, "spin off;" das Skript, das ausgeführt wird, wenn wir die eingeschaltete Checkbox wieder ausschalten. "Rotation ein/aus" ist der Text, den wir auf der HTML-Seite anzeigen wollen, um zu beschreiben,was die Checkbox bewirkt. Mit "jmolBr()" wird nochmals ein Zeilenumbruch eingefügt.

Mit "jmolHtml("Rotationsgeschwindigkeit:");" schreiben wir einen Text auf die HTML-Seite, der den Effekt der nachfolgenden Radiogruppe beschreibt, gefolgt von einem weiteren Zeilenumbruch.

Mit "jmolRadioGroup([["set spin y 5;"," langsam"],["set spin y 15;"," schneller"],["set spin y 45;"," normal"],["set spin y 120;"," schnell"],["set spin y 360;"," sehr schnell "]]);" setzen wir nun fünf "Radiobuttons", von denen jeweils immer nur einer aktiv sein kann, und sein Skript aktiviert. Jede Gruppe von zwei Parametern zwischen eckigen Klammern steht für einen Radiobutton und enthält zuerst das Jmol-Skript, dann die Beschriftung des Buttons. Ein weiteres Paar von eckigen Klammern fasst alle Radiobuttons zu einer Radiogroup zusammen.

Fügen Sie nun die beschriebenen Befehle in das Skript ein. Jede Zeile wird dabe mit einem Semicolon abgeschlossen:

<script type="text/javascript">
jmolApplet(400,"load jmol/structures/L-Alanin.pdb;");
jmolBr();
jmolCheckbox("spin on;","spin off;","Rotation ein/aus");
jmolBr();
jmolHtml("Rotationsgeschwindigkeit:");
jmolBr();
jmolRadioGroup([["set spin y 5;"," langsam"],["set spin y 15;"," schneller"],["set spin y 45;"," normal"], ["set spin y 120;"," schnell"],["set spin y 360;"," sehr schnell "]]);
</script>

Speichern Sie die von Ihnen abgeänderte Seite und öffnen Sie sie im Webbrowser.

Last changed by: A.Honegger, 9/2/08