-->
-<div id="view_decorated" name="view_decorated" style="margin:8px; padding:10px; border: 2px solid red; text-align:center; display:none;"><b>Click <a href="index.html#appletDeployment"> here</a> to view decorated page</b></div>
+<div id="view_decorated" name="view_decorated" style="margin:8px; padding:10px; border: 2px solid red; text-align:center; display:none;"><b>Click <a href="index.html#appletDeployment"> here </a> to view decorated page</b></div>
<!-- content start -->
-<h2><a name="appletDeployment"/>Notes on applet deployment</h2>
+<h2 name="appletDeployment"> Notes on applet deployment</h2>
<table width=80% border="1">
<tr><th colspan="2" align="center">Required Dependency Downloads</th></tr>
<tr>
</tr>
</table>
- <ul>
+<p>The snippet below shows a mininmal code for embeding Jalview applet into a web page.
+<pre><code>
+<applet code="jalview.bin.JalviewLite" width="756" height="560" archive="jalviewApplet.jar,JmolApplet-14.2.14_2015.06.11.jar,java-json.jar,json_simple-1.1.jar">
+ <param name="permissions" value="sandbox" />
+ <param name="file" value="plantfdx.fa" />
+ <param name="features" value="plantfdx.features" />
+ <param name="userDefinedColour" value="C=yellow; R,K,H=FF5555; D,E=5555FF" />
+ <param name="showFullId" value="false" />
+ <param name="embedded" value="true" />
+ <param name="linkLabel_1" value="Uniprot" />
+ <param name="linkUrl_1" value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$" />
+ <param name="linkLabel_2" value="EMBL-EBI Search" />
+ <param name="linkUrl_2" value="http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&query=$SEQUENCE_ID$" />
+ <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp" />
+</applet>
+</code></pre>
+
+For more information and advanced options, see the <a href="javascript:doSubmit('appletParameters')"><strong>applet parameters page</strong></a>, and other documentation in the links to the left.
+ <ul>
<li>Package all your data files into a single (or multiple) zip / jar
files. This is very useful to reduce download time of large data files.
The applet archive tag can take multiple entries separated by commas,
eg<br>
- <pre><applet code="jalview.bin.JalviewLite"<em><strong>
- archive="jalviewApplet.jar, mydata.zip"</strong></em>>
+ <pre><applet code="jalview.bin.JalviewLite"<em><strong> archive="jalviewApplet.jar, mydata.zip"</strong></em>>
</pre></li>
<li> Use Jalview for input to a HTML form. For an example of how to
code this using Javascript, click <a href="javascript:doSubmit('formComplete')">here</a>.
<!-- boiler plate link to alternate demopage -->
<div style="width: 100%">
-<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
</div>
-</div>
-
<!-- content template start -->
<p align="left">
<h2>JalviewLite Button Examples</h2>
Try out JalviewLite by pressing one of the buttons below.<br/>
- For more information on how to use the applet in your website, see the <a href="javascript:doSubmit('appletParameters')"><strong>applet parameters</strong></a> and other documentation in the links to the left.</p>
+ For more information on how to use the applet in your website, see the <a href="javascript:doSubmit('appletDeployment')"><strong>applet deployment,</strong></a> <a href="javascript:doSubmit('appletParameters')"><strong>applet parameters,</strong></a> and other documentation in the links to the left.</p>
<p> </p><div align="center">
<p align="center">
<h2>Ferredoxins, chloroplast precursor related UniRef50
<!-- boiler plate link to alternate demopage -->
<div style="width: 100%">
<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
</div>
</div>
modeltofiles+="1gaq.txt";
</script>
<div style="width: 100%">
-<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
-</div>
+
</div>
<!-- content template start -->
<!-- boiler plate link to alternate demopage -->
<div style="width: 100%">
<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
+
</div>
</div>
<!-- boiler plate link to alternate demopage -->
<div style="width: 100%">
-<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
-</div>
</div>
<!-- content template start -->
<!-- boiler plate link to alternate demopage -->
<div style="width: 100%">
<div style="width:35%; align:left; float:right;">
-<div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
-<p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-14.2.14_2015.06.11.jar">JmolApplet.jar</a>
-</p></div>
+
</div>
</div>