This old version of Proteopedia is provided for student assignments while the new version is undergoing repairs. Content and edits done in this old version of Proteopedia after March 1, 2026 will eventually be lost when it is retired in about June of 2026.
Apply for new accounts at the new Proteopedia. Your logins will work in both the old and new versions.
User:Jaime Prilusky/JSmolExtension
From Proteopedia
| Line 1: | Line 1: | ||
== JSmol applet in the same page == | == JSmol applet in the same page == | ||
| - | <div style='float:right;'> | ||
<jmol><jmolApplet> | <jmol><jmolApplet> | ||
<title> wikiPageContents </title> | <title> wikiPageContents </title> | ||
| + | <float>right</float> | ||
<color>red</color><size>200</size> | <color>red</color><size>200</size> | ||
<uploadedFileContents>chair.xyz</uploadedFileContents> | <uploadedFileContents>chair.xyz</uploadedFileContents> | ||
<pspeed>2</pspeed> | <pspeed>2</pspeed> | ||
<caption>Some caption here, enabled for wikitext like double square brackets [[3rec]]</caption> | <caption>Some caption here, enabled for wikitext like double square brackets [[3rec]]</caption> | ||
| - | <controls> | + | <controls>spin popup</controls> |
</jmolApplet></jmol> | </jmolApplet></jmol> | ||
| - | </div> | ||
Jmol applet tags are: | Jmol applet tags are: | ||
| - | * <title> Text displayed on top of the applet | ||
| - | * <titlecss> CSS style for Title | ||
* <caption> Text displayed below the applet | * <caption> Text displayed below the applet | ||
* <captioncss> CSS style for Caption | * <captioncss> CSS style for Caption | ||
| + | * <color> Applet background colour | ||
* <controls> Draws control buttons [ all | spin | quality | popup ] | * <controls> Draws control buttons [ all | spin | quality | popup ] | ||
| + | * <float> [ left | right ] | ||
| + | * <frame> true: draws frame around applet | ||
* <pspeed> Platform speed for applet [ 1 .. 8 ] | * <pspeed> Platform speed for applet [ 1 .. 8 ] | ||
| - | * <color> Applet background colour | ||
* <size> Applet side in pixels | * <size> Applet side in pixels | ||
| - | * < | + | * <size> Applet side in pixels |
| + | * <title> Text displayed on top of the applet | ||
| + | * <titlecss> CSS style for Title | ||
| + | * <uploadedfilecontents> renders uploaded structure | ||
| + | * <urlcontents> renders structure from URL | ||
| + | * <wikipagecontents> renders content from wiki page | ||
<div style='background-color:#66FF66;padding:5px;'> | <div style='background-color:#66FF66;padding:5px;'> | ||
Revision as of 08:51, 2 September 2014
JSmol applet in the same page
wikiPageContents |
Some caption here, enabled for wikitext like double square brackets 3rec |
| Drag the structure with the mouse to rotate |
Jmol applet tags are:
- <caption> Text displayed below the applet
- <captioncss> CSS style for Caption
- <color> Applet background colour
- <controls> Draws control buttons [ all | spin | quality | popup ]
- <float> [ left | right ]
- <frame> true: draws frame around applet
- <pspeed> Platform speed for applet [ 1 .. 8 ]
- <size> Applet side in pixels
- <size> Applet side in pixels
- <title> Text displayed on top of the applet
- <titlecss> CSS style for Title
- <uploadedfilecontents> renders uploaded structure
- <urlcontents> renders structure from URL
- <wikipagecontents> renders content from wiki page
A few examples of supported tags using JSmolExtension.zip
JSmol applet in a popup window
jmolFile <jmolFile text="Explanatory text for link">Chair.xyz</jmolFile>
... 'and what is the use of a book,' thought Alice 'without pictures or conversation?'
jmolSmiles <jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles>
Both versions, using the target as a link or using an alternate text, are supported: nitrobenzene and c1ccccc1[N+](=O)[O-]
jmolAppletButton
jmolPdb <jmolPdb>3rec</jmolPdb> 3rec
