a6d61f8f8456eaf170743467e9f352dd473d989b
[jalview.git] / examples / applets.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
2 <!--
3  * Jalview - A Sequence Alignment Editor and Viewer (Version 2.8)
4  * Copyright (C) 2012 J Procter, AM Waterhouse, LM Lui, J Engelhardt, G Barton, M Clamp, S Searle
5  * 
6  * This file is part of Jalview.
7  * 
8  * Jalview is free software: you can redistribute it and/or
9  * modify it under the terms of the GNU General Public License 
10  * as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
11  *  
12  * Jalview is distributed in the hope that it will be useful, but 
13  * WITHOUT ANY WARRANTY; without even the implied warranty 
14  * of MERCHANTABILITY or FITNESS FOR A PARTICULAR 
15  * PURPOSE.  See the GNU General Public License for more details.
16  * 
17  * You should have received a copy of the GNU General Public License along with Jalview.  If not, see <http://www.gnu.org/licenses/>.
18 -->
19 <html xmlns="http://www.w3.org/1999/xhtml">
20 <head>
21 <TITLE>Jalview - Applets</TITLE>
22 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
23
24  <link href="css/reset.css" rel="stylesheet" type="text/css" />
25  <link href="css/style.css" rel="stylesheet" type="text/css" />
26  
27   <!--[if IE 6]>
28  <link rel="stylesheet" type="text/css" href="css/ie6.css" />
29 <![endif]-->
30
31 <!--[if IE 7]>
32  <link rel="stylesheet" type="text/css" href="css/ie7.css" />
33 <![endif]-->
34
35 <!-- dd menu -->
36 <script type="text/javascript">
37 <!--
38 var timeout         = 500;
39 var closetimer  = 0;
40 var ddmenuitem      = 0;
41
42 // open hidden layer
43 function mopen(id)
44
45  // cancel close timer
46  mcancelclosetime();
47
48  // close old layer
49  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
50
51  // get new layer and show it
52  ddmenuitem = document.getElementById(id);
53  ddmenuitem.style.visibility = 'visible';
54
55 }
56 // close showed layer
57 function mclose()
58 {
59  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
60 }
61
62 // go close timer
63 function mclosetime()
64 {
65  closetimer = window.setTimeout(mclose, timeout);
66 }
67
68 // cancel close timer
69 function mcancelclosetime()
70 {
71  if(closetimer)
72  {
73   window.clearTimeout(closetimer);
74   closetimer = null;
75  }
76 }
77
78 // close layer when click-out
79 document.onclick = mclose; 
80 // -->
81 </script>
82 <script>
83 <!--//--><![CDATA[//><!--
84 var _gaq = _gaq || [];_gaq.push(["_setAccount", "UA-9060947-1"]);_gaq.push(["_trackPageview"]);(function() {var ga = document.createElement("script");ga.type = "text/javascript";ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ga, s);})();
85 //--><!]]>
86 </script>
87 </head>
88
89
90 <body>
91
92
93 <div id="header">
94 <div id="logo"><a href="http://www.jalview.org" title="Home"></a></div>
95 <ul id="buttons">
96 <li id="applet"><a href="applets.html" title="applet"></a></li>
97 <li id="desktop"><a href="../webstart/jalview.jnlp" title="desktop"></a></li>
98 </ul>
99 </div>
100
101
102 <div id ="nav">
103 <div id="navInner">
104
105 <ul id="sddm">
106  <li><a href="http://www.jalview.org">Home</a></li>
107  <li><a href="http://www.jalview.org/about" onmouseover="mopen('m1')" onmouseout="mclosetime()">About</a>
108   <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
109   <a href="http://www.jalview.org/about/documentation">Documentation</a>
110   <a href="http://www.jalview.org/about/citation">Publications</a>
111   <a href="http://www.jalview.org/about/credits">Credits</a>
112   </div>
113  </li>
114  <li><a href="http://www.jalview.org/faq">FAQ</a></li>
115  <li><a href="http://www.jalview.org/community" onmouseover="mopen('m3')" onmouseout="mclosetime()" class="community">Community</a>
116   <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
117   <a href="http://www.jalview.org/mailman/listinfo/jalview-announce">News Mailing List</a>
118   <a href="http://www.jalview.org/mailman/listinfo/jalview-discuss">Discussion Mailing List</a>
119   <a href="http://www.jalview.org/community/links">Links</a>
120   <a href="http://www.jalview.org/community/community-news">Community News</a>
121   </div>
122  </li>
123  <li><a href="http://www.jalview.org/development" onmouseover="mopen('m4')" onmouseout="mclosetime()" class="development">Development</a>
124   <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
125   <a href="http://www.jalview.org/development/release-history">Release History</a>
126   <a href="http://issues.jalview.org">Jalview Bug Tracker</a>
127   <a href="http://source.jalview.org/gitweb/">Jalview Git Web</a>
128   <a href="http://www.jalview.org/development/development-news">Development News</a>
129   </div>
130  </li>
131  <li><a href="http://www.jalview.org/training" onmouseover="mopen('m5')" onmouseout="mclosetime()" class="training">Training</a>
132   <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
133   <a href="http://www.jalview.org/training/training-courses">Training Courses</a>
134   <a href="http://www.jalview.org/training/training-news">Training News</a>
135   </div>
136  </li>
137  <li><a href="http://www.jalview.org/download" class="download-right">Download</a></li>
138 </ul>
139 <div style="clear:both"></div>
140 </div>
141
142 </div>
143
144
145  <div id="pageWrap">
146
147   <div id="sideNav">
148    <ul>
149     <li class="jvlite-nav-title"><a href="applets.html">JalviewLite
150       Examples</a></li>
151     <li><a href="appletParameters.html">Applet Parameters</a></li>
152     <li><a href="jalviewLiteJs.html">Javascript API</a></li>
153     <li><a href="formComplete.html">in-page API demo</a></li>
154     <li><a href="linkedapplets_ng.html">Two JalviewLites demo</a></li>
155     <li><a href="embeddedWJmol.html">Jalview and Jmol demo</a></li>
156    </ul>
157   </div>
158
159   <div id="content" class="content">
160    <p>JalviewLite is a web based version of Jalview, which runs as a
161     Java applet in or on a web page. It's one of the easiest ways of
162     providing an interactive display for precalculated alignments,
163     features and annotations files. It lacks some functionality
164     available in the Jalview Desktop, however, such as making images,
165     saving files, and running web service jobs. This is mostly due to
166     security restrictions imposed on applets.</p>
167    <p align="left">
168     Try out JalviewLite by pressing one of the buttons below. For more information on how to use the applet in your website, see the <a
169      href="appletParameters.html"><strong>applet parameters</strong></a> and other documentation in the links to the left.</p>
170    <div align="center">
171     <p>
172      <h2>Ferredoxins, chloroplast precursor related UniRef50
173       cluster</h2>
174      <br /> (15 sequences x 150 residues)
175     </p>
176     <table width="90%">
177      <tr>
178       <td width="10%" valign="center"><applet
179         code="jalview.bin.JalviewLite" width="140" height="35"
180         archive="jalviewApplet.jar">
181 <param name="permissions" value="all-permissions">
182        <param name="file" value="uniref50.fa">
183         <param name="treeFile" value="ferredoxin.nw">
184          <param name="userDefinedColour"
185           value="C=yellow; R,K,H=FF5555; D,E=5555FF">
186           <param name="showFullId" value="false">
187        <param name="sortByTree" value="True">
188         <param name="showSequenceLogo" value="true">
189          <param name="showGroupConsensus" value="true">
190           <param name="linkLabel_1" value="Uniprot">
191            <param name="linkUrl_1"
192             value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$">
193             <param name="linkLabel_2" value="EMBL-EBI Search">
194              <param name="linkUrl_2"
195               value="http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&query=$SEQUENCE_ID$">
196        <param name="APPLICATION_URL"
197         value="http://www.jalview.org/services/launchApp">
198        </applet></td>
199       <td valign="center">User Defined Colours, loads an associated
200        Newick format tree file which is used to sort the alignment, and
201        group consensus and sequence logos are shown below the alignment.</td>
202      </tr>
203      <tr>
204       <td width="10%" valign="center"><applet
205         code="jalview.bin.JalviewLite" width="140" height="35"
206         archive="jalviewApplet.jar">
207 <param name="permissions" value="all-permissions">
208        <param name="file" value="uniref50.fa">
209         <param name="features" value="exampleFeatures.txt">
210          <param name="showFeatureSettings" value="true">
211           <param name="wrap" value="true">
212            <param name="showAnnotation" value="false">
213             <param name="windowHeight" value="500">
214              <param name="windowWidth" value="650">
215               <param name="showFullId" value="false">
216        <param name="linkLabel_1" value="Uniprot">
217         <param name="linkUrl_1"
218          value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$">
219                      <param name="linkLabel_2" value="EMBL-EBI Search">
220              <param name="linkUrl_2"
221               value="http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&query=$SEQUENCE_ID$">
222         <param name="APPLICATION_URL"
223             value="http://www.jalview.org/services/launchApp">
224        </applet></td>
225       <td valign="center">Displays a features file on the alignment</td>
226      </tr>
227      <tr>
228       <td width="10%" valign="center"><applet
229         code="jalview.bin.JalviewLite" width="140" height="35"
230         archive="jalviewApplet.jar,JmolApplet-12.2.4.jar">
231 <param name="permissions" value="all-permissions">
232        <param name="file" value="uniref50.fa">
233         <!-- <param name="debug" value="true">
234                         -->
235         <param name="defaultColour" value="Strand Propensity">
236          <param name="wrap" value="true">
237           <param name="showAnnotation" value="false">
238            <param name="windowHeight" value="500">
239             <param name="windowWidth" value="650">
240              <param name="showFullId" value="false">
241        <param name="linkLabel_1" value="Uniprot">
242         <param name="linkUrl_1"
243          value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$">
244             <param name="linkLabel_2" value="EMBL-EBI Search">
245              <param name="linkUrl_2"
246               value="http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&query=$SEQUENCE_ID$">
247        <param name="APPLICATION_URL"
248         value="http://www.jalview.org/services/launchApp">
249         <param name="PDBfile" value="1gaq.txt FER1_MAIZE">
250        </applet></td>
251       <td valign="center">Associates PDB file 1GAQ with sequence
252        FER1_MAIZE</td>
253      </tr>
254      <tr>
255       <td width="10%" valign="middle"><applet
256         code="jalview.bin.JalviewLite" width="140" height="35"
257         archive="jalviewApplet.jar">
258 <param name="permissions" value="all-permissions">
259        <param name="file" value="jpred_msa.fasta">
260         <param name="jnetfile" value="jpred_msa.seq.concise">
261          <param name="defaultColour" value="Clustal">
262           <param name="showAnnotation" value="true">
263            <param name="windowHeight" value="515">
264             <param name="windowWidth" value="650">
265              <param name="showConservation" value="false">
266               <param name="showQuality" value="false">
267                <param name="showConsensus" value="false">
268                 <param name="showFullId" value="false">
269        <param name="linkLabel_1" value="Uniprot">
270         <param name="linkUrl_1"
271          value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$">
272             <param name="linkLabel_2" value="EMBL-EBI Search">
273              <param name="linkUrl_2"
274               value="http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&query=$SEQUENCE_ID$">
275        <param name="APPLICATION_URL"
276         value="http://www.jalview.org/services/launchApp">
277        </applet></td>
278       <td valign="center">Displays a Multiple Sequence Alignment
279        Based JNet Prediction for a Sequence</td>
280      </tr>
281     </table>
282     <p>
283     <h2>RF00031 RFAM Alignment with per sequence secondary
284      structure</h2>
285     </p>
286     <table width="90%">
287      <tr>
288       <td width="10%" valign="center"><applet
289         code="jalview.bin.JalviewLite" width="140" height="35"
290         archive="jalviewApplet.jar">
291 <param name="permissions" value="all-permissions">
292        <param name="file" value="RF00031_folded.stk">
293         <param name="defaultColour" value="Purine/Pyrimidine">
294          <param name="showAnnotation" value="true">
295           <param name="windowHeight" value="515">
296            <param name="windowWidth" value="650">
297             <param name="showConservation" value="false">
298              <param name="showQuality" value="false">
299               <param name="showConsensus" value="true">
300                <param name="showFullId" value="false">
301        <param name="APPLICATION_URL"
302         value="http://www.jalview.org/services/launchApp">
303        </applet></td>
304       <td valign="center">Displays an RFAM RNA fold family with
305        secondary structure annotation</td>
306      </tr>
307     </table>
308    </div>
309   </div>
310  </div>
311
312 <div id ="footer">
313 <div id="innerFooter">
314 <div id="copyright"><p>Published under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-SA 3.0</a></p></div>
315 <div id="cite">
316 <p>
317 If you use Jalview in your work, please cite this publication:
318 </p>
319 <br />
320 <p>
321 Waterhouse, A.M., Procter, J.B., Martin, D.M.A, Clamp, M. and Barton, G. J. (2009)
322 "Jalview Version 2 - a multiple sequence alignment editor and analysis workbench"
323 Bioinformatics 25 (9) 1189-1191 <a href="http://dx.doi.org/10.1093/bioinformatics/btp033">doi: 10.1093/bioinformatics/btp033</a>
324 </p>
325 </div>
326 </div>
327 </div>
328 </body>
329 </html>
330