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

>

Einbetten des Jmol-Applets in eine HTML-Seite

Applet-Fenster

Sie nehmen diese HTML-Seite, und fügen an der Stelle, an der jetzt noch der Text "Applet-Fenster" steht, ein 400 x 400 Pixel grosses Jmol-Applet ein, das die räumliche Struktur der Aminosäure L-Alanin darstellt:

Oeffnen Sie die Seite "01-Ende.htm" im Webbrowser. Sie werden im Folgenden die Seite "S1-Start.htm" so abändern, dass sie der Seite "01-Ende.htm" entspricht.

Oeffnen Sie Datei "01-Start.htm" in einem HTML-Editor, und gehen Sie in die Quellencode-Ansicht (Source) der Seite. Im Header der HTML-Seite muss zuerst die Javaskript-Bibliothek initialisiert werden.

Die Datei Jmol.js, die die Javaskript-Bibliothek enthält, befindet sich im Unterordner "jmol". Um die Jmol Javaskript-Bibliothek zu laden, müssen Sie also in den HTML Header dieser HTML-Seite folgende Zeile einfügen:

<script src="jmol/Jmol.js" type="text/javascript"></script>

Als zweites muss Jmol initialisiert werden. Dabei muss als Parameter der Pfad zu den Jmol-Dateien angegeben werden. Am Besten tun Sie dies gleich zu Beginn des "Body"-Teils der HTML-Seite. Der Befehl dazu lautet:

<script type="text/javascript">jmolInitialize(jmol/")</script>

Fügen Sie nun in das linke Fenster ein 400x400 Pixel grosses Jmol Applet ein, das das in der PDB-Datei "L-Alanin.pdb" spezifizierte Molkül zeigt. Die PDB-Datei befindet sich im Unterordner "structures" des Ordners "jmol". Löschen Sie dabe den Text "Applet-Fenster", indem Sie im Quellencode an dessen Stelle den Text;

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

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

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