b1d2f830931eb7ad16d7e32d319e90bd5cef7e9a
[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
83 </head>
84
85
86 <body>
87
88
89 <div id="header">
90 <div id="logo"><a href="/" title="Home"></a></div>
91 <ul id="buttons">
92 <li id="applet"><a href="applets.html" title="applet"></a></li>
93 <li id="desktop"><a href="/webstart/jalview.jnlp" title="desktop"></a></li>
94 </ul>
95 </div>
96
97
98 <div id ="nav">
99 <div id="navInner">
100
101 <ul id="sddm">
102  <li><a href="#">Home</a></li>
103  <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">About</a>
104   <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
105   <a href="#">Documentation</a>
106   <a href="#">Publications</a>
107   <a href="#">Credits</a>
108   <a href="#">Screenshots</a>
109   </div>
110  </li>
111  <li><a href="#">FAQ</a></li>
112  <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()" class="community">Community</a>
113   <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
114   <a href="#">News Mailing List</a>
115   <a href="#">Discussion Mailing List</a>
116   <a href="#">Links</a>
117   <a href="#">Community News</a>
118   </div>
119  </li>
120  <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()" class="development">Development</a>
121   <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
122   <a href="#">Release History</a>
123   <a href="#">Jalview Bug Tracker</a>
124   <a href="#">Jalview Git Web</a>
125   <a href="#">Development News</a>
126   </div>
127  </li>
128  <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()" class="training">Training</a>
129   <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
130   <a href="#">Training Courses</a>
131   <a href="#">Training News</a>
132   </div>
133  </li>
134  <li><a href="#" class="download-right">Download</a></li>
135 </ul>
136 <div style="clear:both"></div>
137 </div>
138
139 </div>
140
141
142 <div id="pageWrap">
143
144 <div id="sideNav">
145 <ul>
146 <li class="jvlite-nav-title"><a href="applets.html">JalviewLite Examples</a></li>
147 <li><a href="appletParameters.html">Applet Parameters</a></li>
148 <li><a href="jalviewLiteJs.html">Javascript API</a></li>
149 <li><a href="formComplete.html">in-page API demo</a></li>
150 <li><a href="linkedapplets_ng.html">Two JalviewLites demo</a></li>
151 <li><a href="embeddedWJmol.html">Jalview and Jmol demo</a></li>
152 </ul>
153 </div>
154
155 <div id="content" class="content">
156         <p>JalviewLite is a web based version of Jalview, which runs as a Java applet in or on a web page. It's one of the easiest ways of providing an interactive
157           display for precalculated alignments, features and annotations files.
158           It lacks some functionality available in the Jalview Desktop, however, such
159           as making images, saving files, and running web service jobs. This is mostly due to security
160           restrictions imposed on applets.</p>
161         <p align="left">For more information on how to use the applet in your
162           website, see <a href="appletParameters.html"><strong>full list of applet
163           parameters.</strong></a></p>
164         <p> Pressing one of the buttons below will load up JalviewLite, a cut down version
165           of Jalview, which runs within your web browser. </p>
166         <H4 align="center"> Ferredoxins, chloroplast precursor related UniRef50
167           cluster<br>
168           (15 sequences x 150 residues)</H4>
169         <div align="center"> </div>
170         <div align="center">
171           <table width="300" border="1" cellspacing="0" cellpadding="0">
172             <tr>
173               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
174                   <tr>
175                     <td width="100"> <applet code="jalview.bin.JalviewLite"
176                                 width="140" height="35"
177                                 archive="jalviewApplet.jar">
178                                                 <param name="file" value="uniref50.fa">
179                         <param name="treeFile" value="ferredoxin.nw">
180                         <param name="userDefinedColour" value="C=yellow; R,K,H=FF5555; D,E=5555FF">
181                         <param name="showFullId" value="false">
182                         <param name="RGB"  value="F2F2FF">
183                         <param name="sortByTree" value="True">
184                         <param name="showSequenceLogo" value="true">
185                         <param name="showGroupConsensus" value="true">
186                         <param name="linkLabel_1" value="SRS">
187                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
188                         <param name="linkLabel_2" value="Uniprot">
189                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
190                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
191                       </applet></td>
192                     <td width="165">User Defined Colours, loads an associated Newick
193                       format tree file which is used to sort the alignment, and group consensus and sequence logos are shown below the alignment.</td>
194                   </tr>
195                 </table></td>
196             </tr>
197           </table>
198           <p>&nbsp;</p>
199           <table width="300" border="1" cellspacing="0" cellpadding="0">
200             <tr>
201               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
202                   <tr>
203                     <td width="100"> <applet code="jalview.bin.JalviewLite"
204                                 width="140" height="35"
205                                 archive="jalviewApplet.jar">
206                         <param name="file" value="uniref50.fa">
207                         <param name="features" value="exampleFeatures.txt">
208                         <param name="showFeatureSettings" value="true">
209                         <param name="wrap" value="true">
210                         <param name="showAnnotation" value="false">
211                         <param name="windowHeight" value="500">
212                         <param name="windowWidth" value="650">
213                         <param name="showFullId" value="false">
214                         <param name="RGB"  value="F2F2FF">
215                         <param name="linkLabel_1" value="SRS">
216                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
217                         <param name="linkLabel_2" value="Uniprot">
218                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
219                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
220                       </applet> </td>
221                     <td width="165">Displays a features file on the alignment</td>
222                   </tr>
223                 </table></td>
224             </tr>
225           </table>
226             <p>&nbsp;</p>
227           <table width="300" border="1" cellspacing="0" cellpadding="0">
228             <tr>
229               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
230                   <tr>
231                     <td width="100"> <applet code="jalview.bin.JalviewLite"
232                                 width="140" height="35"
233                                 archive="jalviewApplet.jar,JmolApplet-12.2.4.jar">
234                         <param name="file" value="uniref50.fa">
235                         <!-- <param name="debug" value="true">
236                         -->
237                         <param name="defaultColour" value="Strand Propensity">
238                         <param name="wrap" value="true">
239                         <param name="showAnnotation" value="false">
240                         <param name="windowHeight" value="500">
241                         <param name="windowWidth" value="650">
242                         <param name="showFullId" value="false">
243                         <param name="RGB"  value="F2F2FF">
244                         <param name="linkLabel_1" value="SRS">
245                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
246                         <param name="linkLabel_2" value="Uniprot">
247                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
248                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
249                         <param name="PDBfile" value="1gaq.txt FER1_MAIZE">
250                       </applet> </td>
251                     <td width="165">Associates PDB file 1GAQ with sequence FER1_MAIZE</td>
252                   </tr>
253                 </table></td>
254             </tr>
255           </table>
256           <p>&nbsp;</p>
257                                                 <table width="300" border="1" cellspacing="0" cellpadding="0">
258                                                         <tr>
259                                                                 <td><table width="300" border="0" cellspacing="0"
260                                                                                 cellpadding="0">
261                                                                                 <tr>
262                                                                                         <td width="100"><applet code="jalview.bin.JalviewLite"
263                                                                                                         width="140" height="35" archive="jalviewApplet.jar">
264                                                                                                         <param name="file" value="jpred_msa.fasta">
265                                                                                                         <param name="jnetfile" value="jpred_msa.seq.concise">
266                                                                                                         <param name="defaultColour" value="Clustal">
267                                                                                                         <param name="showAnnotation" value="true">
268                                                                                                         <param name="windowHeight" value="515">
269                                                                                                         <param name="windowWidth" value="650">
270                                                                                                         <param name="showConservation" value="false">
271                                                                                                         <param name="showQuality" value="false">
272                                                                                                         <param name="showConsensus" value="false">
273                                                                                                         <param name="showFullId" value="false">
274                                                                                                         <param name="RGB" value="F2F2FF">
275                                                                                                         <param name="linkLabel_1" value="SRS">
276                                                                                                         <param name="linkUrl_1"
277                                                                                                                 value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
278                                                                                                         <param name="linkLabel_2" value="Uniprot">
279                                                                                                         <param name="linkUrl_2"
280                                                                                                                 value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
281                                                                                                         <param name="APPLICATION_URL"
282                                                                                                                 value="http://www.jalview.org/services/launchApp">
283                                                                                                 </applet></td>
284                                                                                         <td width="165">Displays a Multiple Sequence Alignment
285                                                                                                 Based JNet Prediction for a Sequence</td>
286                                                                                 </tr>
287                                                                         </table></td>
288                                                         </tr>
289                                                 </table>
290                                                 <p>&nbsp;</p>
291                                                 <table width="300" border="1" cellspacing="0" cellpadding="0">
292             <tr>
293               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
294                   <tr>
295                     <td width="100"> <applet code="jalview.bin.JalviewLite"
296                                 width="140" height="35"
297                                 archive="jalviewApplet.jar">
298                         <param name="file" value="RF00031_folded.stk">
299                         <param name="defaultColour" value="Purine/Pyrimidine">
300                         <param name="showAnnotation" value="true">
301                         <param name="windowHeight" value="515">
302                         <param name="windowWidth" value="650">
303                         <param name="showConservation" value="false">
304                         <param name="showQuality" value="false">
305                         <param name="showConsensus" value="true">
306                         <param name="showFullId" value="false">
307                         <param name="RGB"  value="F2F2FF">
308                         <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
309                       </applet> </td>
310                     <td width="165">Displays an RFAM RNA fold family with secondary structure annotation</td>
311                   </tr>
312                 </table></td>
313             </tr>
314           </table>
315         </div>
316 </div>
317
318 <div id ="footer">
319 <div id="innerFooter">
320 <div id="copyright"><p>Copyright all rights reserved 2012</p></div>
321 <div id="cite">
322 <p>
323 If you use Jalview in your work, please cite this publication:
324 </p>
325 <br />
326 <p>
327 Waterhouse, A.M., Procter, J.B., Martin, D.M.A, Clamp, M. and Barton, G. J. (2009)
328 "Jalview Version 2 - a multiple sequence alignment editor and analysis workbench"
329 Bioinformatics 25 (9) 1189-1191 doi: 10.1093/bioinformatics/btp033
330 </p>
331 </div>
332 </div>
333 </div>
334 </body>
335 </html>
336