UI Controls example

Code for this page:

<head>
  <title>UI Controls example</title>
  <script src="../../jmol/Jmol.js" type="text/javascript"></script> 
</head>
<body>
  <form>
    <script type="text/javascript">
      jmolInitialize("../../jmol"); //    Use your own path here {#2}
      jmolSetAppletColor("skyblue"); // if you don't want black
      jmolApplet(200, "load ../jssample0/caffeine.xyz"); /*   Use your own path and filename here {#3}, but... CAUTION! If you are running the page from disk, not from web server, molecules (path #3) MUST be in the same folder than JmolApplet.jar (path #2 above) or in a folder below it. This example, as shown, will NOT run from disk. It will run if set-up in this other way:
"load ../../jmol/models/caffeine.xyz"
*/
      jmolBr();
      jmolHtml("atoms ");

// a radio group:
      jmolRadioGroup([
      ["spacefill off", "off"],
      ["spacefill 20%", "20%", "checked"],
      ["spacefill 100%", "100%"]
      ]);

jmolBr();

// a button:
jmolButton("reset", "Reset to original orientation");

jmolBr();

// a checkbox:
jmolCheckbox("spin on", "spin off", "spin");

jmolBr();

// a link:
jmolLink("move 360 0 0 0 0 0 0 0 2", "Rotate once about the x axis");

jmolBr();

// a menu:
      jmolMenu([
      "background white",
      ["background skyblue", null, "selected"],
      "background yellow",
      "background salmon",
      "background palegreen",
      "background black"
      ]);

</script>
</form>
</body>