Difference between revisions of "MediaWiki/Demo"

From Jmol
Jump to navigation Jump to search
(Extension Demo: image as a cover)
 
(6 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
<tr>
 
<tr>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
=== jmolFile tag ✓ ===
+
=== jmolFile tag ===
 
The link <jmolFile text='cyclohexane'>Chair.cml</jmolFile>
 
The link <jmolFile text='cyclohexane'>Chair.cml</jmolFile>
 
will open a popup window displaying Chair.cml taken from this wiki
 
will open a popup window displaying Chair.cml taken from this wiki
Line 15: Line 15:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
=== jmolMol tag ✓ ===
+
=== jmolMol tag ===
 
The link <jmolMol text='in your coffee'>caffeine</jmolMol>
 
The link <jmolMol text='in your coffee'>caffeine</jmolMol>
 
will open a popup window displaying caffeine. También <jmolMol text='algo en el café'>caffeine</jmolMol>
 
will open a popup window displaying caffeine. También <jmolMol text='algo en el café'>caffeine</jmolMol>
Line 26: Line 26:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
=== jmolSmiles tag ✓ ===
+
=== jmolSmiles tag ===
 
The link <jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles> will open a popup window displaying nitrobenzene
 
The link <jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles> will open a popup window displaying nitrobenzene
 
  <nowiki><jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles></nowiki>
 
  <nowiki><jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles></nowiki>
 
</td>
 
</td>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
=== jmolPdb tag ✓ ===
+
=== jmolPdb tag ===
 
The link <jmolPdb text='adipocyte lipid binding protein'>1ab0</jmolPdb>
 
The link <jmolPdb text='adipocyte lipid binding protein'>1ab0</jmolPdb>
 
will open a popup window displaying 1ab0.pdb. Esta es una <jmolPdb text='proteína que une lípidos'>1ab0</jmolPdb>
 
will open a popup window displaying 1ab0.pdb. Esta es una <jmolPdb text='proteína que une lípidos'>1ab0</jmolPdb>
Line 42: Line 42:
 
<tr>
 
<tr>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
=== jmolAppletButton tag ✓ ===
+
=== jmolAppletButton tag ===
 
<jmol>
 
<jmol>
 
   <jmolAppletButton>
 
   <jmolAppletButton>
Line 60: Line 60:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
=== jmolAppletLink tag ✓ ===
+
=== jmolAppletLink tag ===
 
<jmol>
 
<jmol>
 
   <jmolAppletLink>
 
   <jmolAppletLink>
Line 78: Line 78:
 
<tr>
 
<tr>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
=== jmolAppletInlineButton tag ✓ ===
+
=== jmolAppletInlineButton tag ===
 
Using urlContents
 
Using urlContents
 
<jmol>
 
<jmol>
Line 91: Line 91:
 
</td>
 
</td>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
=== jmolAppletInlineLink tag ✓ ===
+
=== jmolAppletInlineLink tag ===
 
Using uploadedFileContents
 
Using uploadedFileContents
 
<jmol>
 
<jmol>
 
   <jmolAppletInlineLink>
 
   <jmolAppletInlineLink>
 
     <uploadedFileContents> Chair.cml </uploadedFileContents>
 
     <uploadedFileContents> Chair.cml </uploadedFileContents>
 +
    <text> Cyclohexane </text>
 
     <title> Cyclohexane, chair conformation </title>
 
     <title> Cyclohexane, chair conformation </title>
−
     <caption> Click on the image to display a 3D model </caption>
+
     <caption> This is a very favoured conformation</caption>
 
     <size>300</size>
 
     <size>300</size>
 
     <color>#FFFFDD</color>
 
     <color>#FFFFDD</color>
Line 107: Line 108:
 
</table>
 
</table>
  
−
=== jmolApplet tag ===
+
=== jmolApplet tag with cover image ===
−
With a cover image, using uploadedFileContents
+
The JSmol model is inserted when clicking on the image.
 +
Here using uploadedFileContents
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
Line 128: Line 130:
 
<tr>
 
<tr>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
==== Using uploadedFileContents ✓ ====
+
==== Using uploadedFileContents ====
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
Line 143: Line 145:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
==== Using urlContents ✓ ====
+
==== Using urlContents ====
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
Line 161: Line 163:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
==== Using inlineContents ✓ ====
+
==== Using inlineContents ====
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
Line 259: Line 261:
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
  
−
==== Using wikiPageContents ✓ ====
+
==== Using wikiPageContents ====
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
 
     <name>D</name>  
 
     <name>D</name>  
−
     <title>Data read from the page Models/2-propanol </title>  
+
     <title>This is 2-propanol </title>  
 
     <color>yellowtint</color>  
 
     <color>yellowtint</color>  
 
     <size>260</size>  
 
     <size>260</size>  
−
     <caption>This is 2-propanol</caption>  
+
     <caption>Data read from the page [[Models/2-propanol]]</caption>  
 
     <wikiPageContents> Models/2-propanol </wikiPageContents>
 
     <wikiPageContents> Models/2-propanol </wikiPageContents>
 
   </jmolApplet>
 
   </jmolApplet>
Line 274: Line 276:
 
<tr>
 
<tr>
 
<td style="vertical-align:top;">
 
<td style="vertical-align:top;">
−
==== Using script ✓ ====
+
 
 +
==== Using script ====
 
<jmol>
 
<jmol>
 
   <jmolApplet>
 
   <jmolApplet>
 
     <name>A</name>  
 
     <name>A</name>  
−
     <title>This box might hold a 3D model</title>  
+
     <title>This box has a message, but might hold a 3D model</title>  
 
     <color>blueTint</color>  
 
     <color>blueTint</color>  
 
     <size>150</size>  
 
     <size>150</size>  
−
     <!--script> echo Hi there!</script-->
+
     <script> echo Hi there!</script>
−
    <script> load :water</script>
 
 
   </jmolApplet>
 
   </jmolApplet>
 
</jmol>
 
</jmol>
Line 290: Line 292:
 
</tr>
 
</tr>
 
</table>
 
</table>
−
 
−
....
 

Latest revision as of 10:28, 31 December 2020

Test for the Jmol Extension for MediaWiki

Pop-up models

A user action will open a popup window with a model.

jmolFile tag

The link cyclohexane will open a popup window displaying Chair.cml taken from this wiki 

<jmolFile text='cyclohexane'>Chair.cml</jmolFile>

jmolMol tag

The link in your coffee will open a popup window displaying caffeine. También algo en el café 

<jmolMol text='something in your coffee'>caffeine</jmolMol>

and something in vinegar

jmolSmiles tag

The link nitrobenzene will open a popup window displaying nitrobenzene 

<jmolSmiles text='nitrobenzene'>c1ccccc1[N+](=O)[O-]</jmolSmiles>

jmolPdb tag

The link adipocyte lipid binding protein will open a popup window displaying 1ab0.pdb. Esta es una proteína que une lípidos 

<jmolPdb text='adipocyte lipid binding protein'>1ab0</jmolPdb>

jmolAppletButton tag

jmolAppletLink tag

Adipocyte lipid binding protein

Pop-in models

User action will insert a model within the page.

jmolAppletInlineButton tag

Using urlContents

jmolAppletInlineLink tag

Using uploadedFileContents

Cyclohexane

jmolApplet tag with cover image

The JSmol model is inserted when clicking on the image. Here using uploadedFileContents

Cyclohexane, chair conformation

In-page models

A model is inserted as part of the page at page load time.

jmolApplet tag

Using uploadedFileContents

A model stored in a file in this wiki

Chair conformation of cyclohexane

Using urlContents

A file retrieved from the PDB

Murine adipocyte lipid binding protein at pH 4.5 (1AB0.pdb)

Using inlineContents

This is 1-propanol

Using wikiPageContents

This is 2-propanol

Data read from the page Models/2-propanol

Using script

This box has a message, but might hold a 3D model

Contributors

AngelHerraez, Jaime Prilusky

Retrieved from "https://wiki.jmol.org/index.php?title=MediaWiki/Demo&oldid=10017"