Jmol/Interactivity

Interactive Jmol elements

Some pages contain buttons, radio buttons and other elements that allow the reader to manipulate the 3D Jmol scene by clicking on them.

Button

This button loads a different molecule and scene, and makes sure waters and hidden and zshade is turned off:

The following code was used to build the button and make it work:

<jmol>
  <jmolButton>
    <script>script /scripts/37/376372/Overall/3.spt; 
            hide water; set zshade off</script>
    <text>Lysozyme</text>
  </jmolButton>
</jmol>

Link

You can associate a couple of commands with a green link (instead of the usual behavior of a green link to load a new scene). For example, the link below make parts of the structure "blink":

To show ligand(s), click on the sun symbol in the parentheses ()

(<jmol>
  <jmolLink>
    <script> select ligand; selectionHalos ON; 
             delay 0.5; selectionHalos OFF;</script>
    <text>☼</text>
  </jmolLink>
</jmol>)

As a shortcut, you can use a template that inserts the code for you by entering:

{{subst:blink|ligand or ATP}}

Once you type this (or paste it) into the editor and save it, the code above will be inserted.

Check box

This checkbox shows the ligand only when checked.

<jmol>
  <jmolCheckbox>
    <scriptWhenUnChecked>hide ligand or ATP or hidden
       </scriptWhenUnChecked>
    <scriptWhenchecked>hide hidden and not (ligand or ATP)
       </scriptWhenchecked>
    <checked>true</checked> 
    <text>ligand</text>
  </jmolCheckbox>
</jmol>

Again, you can use a template to type less:

{{subst:Hide button|ATP and metals|(ligand or ATP)}}

Radio button

This set of buttons selects one side chain to be shown (or none).

<jmol>
  <jmolRadioGroup>
    <item>
      <script>select sidechain; spacefill off; 
        select sidechain and 35; spacefill on</script>
      <text>Residue 35</text>
      <checked>false</checked>
    </item>
    <item>
      <script>select sidechain; spacefill off; 
        select sidechain and 52; spacefill on</script>
      <text>Residue 52</text>
      <checked>false</checked>
    </item>
    <item>
      <script>select sidechain; spacefill off</script>
      <text>No side chains</text>
      <checked>true</checked>
    </item>
   </jmolRadioGroup>
</jmol>

Again, you can use a template to type less:

{{subst:Triple radiobutton
|Residue 35|select sidechain; spacefill off; select sidechain and 35; spacefill on
|Residue 52|select sidechain; spacefill off; select sidechain and 52; spacefill on
|No side chains|select sidechain; spacefill off}}