Difference between revisions of "User:Bduke"
(Add PopUp button test & an example of how it might look on Wikipedia) |
AngelHerraez (talk | contribs) m (add to Category) |
||
(15 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
=Tests of Jmol incorporated into a MediaWiki wiki= | =Tests of Jmol incorporated into a MediaWiki wiki= | ||
− | == | + | ==How should molecules be shown on Wikipedia== |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{|name="userboxes" id="userboxes" style="margin-left: 1em; margin-bottom: 0.5em; width: 170px; border: {{{bordercolor|#99B3FF}}} solid 1px; background-color: {{{backgroundcolor|#FFFFFF}}}; {{{extra-css|}}}" align="right" | {|name="userboxes" id="userboxes" style="margin-left: 1em; margin-bottom: 0.5em; width: 170px; border: {{{bordercolor|#99B3FF}}} solid 1px; background-color: {{{backgroundcolor|#FFFFFF}}}; {{{extra-css|}}}" align="right" | ||
|- | |- | ||
− | |<center> | + | |<center>[[Image:Ethane s.gif]]</center> |
− | < | + | |- |
− | < | + | | <center>'''Staggered ethane''' <br /> |
− | <uploadedFileContents>ethane_s.pdb</uploadedFileContents> | + | <jmol><jmolAppletLink><title>Show in 3D using Jmol (popup window)</title><color>gray</color> |
− | </ | + | <uploadedFileContents>ethane_s.pdb</uploadedFileContents></jmolAppletLink> |
− | </jmol></center> | + | </jmol> |
+ | </center> | ||
|- | |- | ||
− | |} | + | |} This is an example of how a molecule might be displayed on Wikipedia, or other Wikimedia Foundation projects such as wikiversity or wikibooks, with the text raping to the left of a box with a Jmol image in it. The Jmol image is only loaded if the reader wants to load it by clicking on the text below the straight image. |
− | This is an example of how a molecule might be displayed on Wikipedia, with the text raping to the left of a box with a Jmol image in it. | ||
− | + | While there are several ways of having the data file, it seems to me that on Wikipedia the easiest and most suitable would be to have them uploaded like images. Preferable they could be uploaded to Commons but the current extension would not, I believe, accept that. | |
− | + | On Wikipedia the paragraph could be lengthened to fit the image by using the template <nowiki>{{clear}}</nowiki>, as here. | |
+ | {{clear}} | ||
+ | |||
+ | ==Test of PopUp window== | ||
+ | |||
+ | This is a simple test of the popup used above:- | ||
− | + | <center><jmol><jmolAppletButton><title>Show staggered ethane in popup window using Jmol</title><color>gray</color> | |
+ | <uploadedFileContents>ethane_s.pdb</uploadedFileContents></jmolAppletButton> | ||
+ | </jmol></center> | ||
==Staggered and eclipsed ethane== | ==Staggered and eclipsed ethane== | ||
Line 39: | Line 40: | ||
<center> | <center> | ||
<jmol><jmolApplet><script>set spin X 10; spin on</script> | <jmol><jmolApplet><script>set spin X 10; spin on</script> | ||
− | <name> | + | <name>ethane_s1</name><color>palegreen</color><size>250</size> |
<uploadedFileContents>ethane_s.pdb</uploadedFileContents> | <uploadedFileContents>ethane_s.pdb</uploadedFileContents> | ||
</jmolApplet> | </jmolApplet> | ||
− | <jmolButton><script>spin on</script><name> | + | <jmolButton><script>spin on</script><name>ethane_s1</name><text>Start spinning</text></jmolButton> |
− | <jmolButton><script>spin off</script><name> | + | <jmolButton><script>spin off</script><name>ethane_s1</name><text>Stop spinning</text></jmolButton> |
</jmol></center> | </jmol></center> | ||
</td><td> </td><td> | </td><td> </td><td> | ||
<center> | <center> | ||
<jmol><jmolApplet><script>set spin X 10; spin on</script> | <jmol><jmolApplet><script>set spin X 10; spin on</script> | ||
− | <name> | + | <name>ethane_e1</name><color>skyblue</color><size>250</size> |
<uploadedFileContents>ethane_e.pdb</uploadedFileContents> | <uploadedFileContents>ethane_e.pdb</uploadedFileContents> | ||
</jmolApplet> | </jmolApplet> | ||
− | <jmolButton><script>spin on</script><name> | + | <jmolButton><script>spin on</script><name>ethane_e1</name><text>Start spinning</text></jmolButton> |
− | <jmolButton><script>spin off</script><name> | + | <jmolButton><script>spin off</script><name>ethane_e1</name><text>Stop spinning</text></jmolButton> |
</jmol></center> | </jmol></center> | ||
</td></tr></table> | </td></tr></table> | ||
</center> | </center> | ||
− | These inlineContents | + | These are examples using inlineContents: |
<center> | <center> | ||
Line 64: | Line 65: | ||
<jmol><jmolApplet> | <jmol><jmolApplet> | ||
<script>set spin X 10; spin on</script> | <script>set spin X 10; spin on</script> | ||
− | <name> | + | <name>ethane_s2</name><color>palegreen</color><size>250</size> |
<inlineContents> | <inlineContents> | ||
HEADER PROTEIN 19-OCT-95 | HEADER PROTEIN 19-OCT-95 | ||
Line 89: | Line 90: | ||
</inlineContents> | </inlineContents> | ||
</jmolApplet> | </jmolApplet> | ||
− | <jmolButton><script>spin on</script><name> | + | <jmolButton><script>spin on</script><name>ethane_s2</name><text>Start spinning</text></jmolButton> |
− | <jmolButton><script>spin off</script><name> | + | <jmolButton><script>spin off</script><name>ethane_s2</name><text>Stop spinning</text></jmolButton> |
</jmol></center> | </jmol></center> | ||
</td><td> </td><td><center> | </td><td> </td><td><center> | ||
<jmol><jmolApplet> | <jmol><jmolApplet> | ||
<script>set spin X 10; spin on</script> | <script>set spin X 10; spin on</script> | ||
− | <name> | + | <name>ethane_e2</name><color>skyblue</color><size>250</size> |
<inlineContents> | <inlineContents> | ||
HEADER PROTEIN 19-OCT-95 | HEADER PROTEIN 19-OCT-95 | ||
Line 119: | Line 120: | ||
END | END | ||
</inlineContents></jmolApplet> | </inlineContents></jmolApplet> | ||
− | <jmolButton><script>spin on</script><name> | + | <jmolButton><script>spin on</script><name>ethane_e2</name><text>Start spinning</text></jmolButton> |
− | <jmolButton><script>spin off</script><name> | + | <jmolButton><script>spin off</script><name>ethane_e2</name><text>Stop spinning</text></jmolButton> |
</jmol></center> | </jmol></center> | ||
</td></tr></table> | </td></tr></table> | ||
Line 140: | Line 141: | ||
</td></tr></table> | </td></tr></table> | ||
</center> | </center> | ||
+ | |||
+ | Some examples that do not work are commented out below. Feel free to edit this page to look at them. | ||
+ | |||
==wikiPageContent Test from this server== | ==wikiPageContent Test from this server== | ||
− | This | + | This pdb data was put into a page in the wiki as text content and is being read from its page: [[User:Bduke/ethane-s.pdb]] |
<center> | <center> | ||
Line 151: | Line 155: | ||
</jmolApplet></jmol></center> | </jmolApplet></jmol></center> | ||
− | == | + | ==urlContents Test from a different server== |
− | + | '''Now it works'''. This uses the signed applet to retrieve the file from pdb.org (could be from any server). | |
<center> | <center> | ||
<jmol><jmolApplet> | <jmol><jmolApplet> | ||
<signed>true</signed> | <signed>true</signed> | ||
<name>1CRN</name><color>blue</color><size>250</size> | <name>1CRN</name><color>blue</color><size>250</size> | ||
− | <urlContents>http:// | + | <urlContents>http://www.pdb.org/pdb/files/1crn.pdb.gz</urlContents> |
</jmolApplet></jmol></center> | </jmolApplet></jmol></center> | ||
− | ==Alchemy file | + | The model does not show up here because we cannot combine signed and unsigned applets in the same wiki page. You will se it working while you '''edit''' this subsection, but not in the whole page. |
+ | |||
+ | |||
+ | ==Alchemy file== | ||
<center> | <center> | ||
Line 209: | Line 216: | ||
21 13 21 SINGLE | 21 13 21 SINGLE | ||
</inlineContents></jmolApplet></jmol></center> | </inlineContents></jmolApplet></jmol></center> | ||
+ | |||
+ | [[Category:Pages Using Jmol MW Extension]] |
Latest revision as of 20:40, 23 November 2010
Interested in Jmol in general and in particular right now about adding Jmol images to Wikis, particularly Wikipedia.
Contents
Tests of Jmol incorporated into a MediaWiki wiki
How should molecules be shown on Wikipedia
This is an example of how a molecule might be displayed on Wikipedia, or other Wikimedia Foundation projects such as wikiversity or wikibooks, with the text raping to the left of a box with a Jmol image in it. The Jmol image is only loaded if the reader wants to load it by clicking on the text below the straight image.
While there are several ways of having the data file, it seems to me that on Wikipedia the easiest and most suitable would be to have them uploaded like images. Preferable they could be uploaded to Commons but the current extension would not, I believe, accept that.
On Wikipedia the paragraph could be lengthened to fit the image by using the template {{clear}}, as here.
Test of PopUp window
This is a simple test of the popup used above:-
Staggered and eclipsed ethane
These are pdb files generated by Sybyl for staggered and eclipsed ethane. They use uploadedFileContents type for the data. Use the buttons and the menu that comes up by right mouse clicking on the image to manipulate the images. The left mouse can be used to move the image.
|
|
These are examples using inlineContents:
|
Artemisinin.pdb uploaded
|
Some examples that do not work are commented out below. Feel free to edit this page to look at them.
wikiPageContent Test from this server
This pdb data was put into a page in the wiki as text content and is being read from its page: User:Bduke/ethane-s.pdb
urlContents Test from a different server
Now it works. This uses the signed applet to retrieve the file from pdb.org (could be from any server).
The model does not show up here because we cannot combine signed and unsigned applets in the same wiki page. You will se it working while you edit this subsection, but not in the whole page.