d67c8b15267f5e0a1bcdec4e43ae1aa98777e576
[jalview.git] / examples / applets.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\r<html><!-- InstanceBegin template="/Templates/jtemplate.dwt" codeOutsideHTMLIsLocked="false" -->\r<head>\r<!-- InstanceBeginEditable name="doctitle" -->
2 <TITLE>Jalview - Applets</TITLE>
3 <!-- InstanceEndEditable --> \r<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta http-equiv="keywords" content="jalview,multiple,sequence,alignment,editor,viewer,java,download,barton group,protein,dna,das,distributed annotation system">\r<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> \r<style type="text/css">\r<!--\rtd {\r      font-family: Geneva, Arial, Helvetica, sans-serif;\r     font-size: 12px;\r}\r.plain {\r    font-family: Verdana, Arial, Helvetica, sans-serif;\r    font-size: 14px;\r       text-decoration: none;\r}\r.plain:hover{\r background-color:#000000; color: #F2F2FF;\r}\r \r-->\r</style>\r\r<script language="JavaScript">\rfunction genHref()\r{\rvar s1 = "ml:ljvwr", s2 = "athpai.g", s3 = "ioe@leo ", href="";\rfor(i=0; i<8; i++)\r{href = href + s1.charAt(i) + s2.charAt(i) + s3.charAt(i);   }\rwindow.location=href;\r}\rfunction getEventTarget(e)\r{\rif(!e)\re = window.event;\rif(e.target)\rreturn e.target;\rreturn e.srcElement;\r}\r\r</script>\r</head>\r\r<body alink="#000000" vlink="#000000" link="#000000">\r<script type="text/javascript">\rvar gaJsHost = (("https:" == document.location.protocol) ? \r"https://ssl." : "http://www.");\rdocument.write(unescape("%3Cscript src='" + gaJsHost + \r"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));\r</script>\r<script type="text/javascript">\rtry{\rvar pageTracker = _gat._getTracker("UA-9060947-1");\rpageTracker._trackPageview();\r} catch(err) {}\r</script>\r<div align="left"> \r  <table width="805" height="100" cellpadding="5">\r    <tr>\r      <td background="../jalview.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.compbio.dundee.ac.uk" target="NEW"><img src="../uodc_r1_c1.gif" width="143" height="101" border="1"></a></td>\r    </tr>\r  </table>\r  <table width="805" border="0" cellpadding="5" cellspacing="5">\r    <tr> \r      <td width="183" valign="top" bgcolor="#F2F2FF" border="5"> \r       \r       <div align="center">\r          <table width="182" height="386" border="0" cellpadding="0" cellspacing="0">\r            <tr> \r              <td align="left" valign="middle"><a href="../index.html" class="plain">Home</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="../overview.html" class="plain">Overview</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="../download.html" class="plain">Download</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="applets.html" class="plain">Applet \r                Version</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="examples.html" class="plain">Screenshots</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="../faq.html" class="plain">FAQ</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="../documentList.html" class="plain">Documentation</a></td>\r            </tr>\r            <tr>\r              <td align="left" valign="middle" ><a href="../releaseHistory.html" class="plain">Release \r                history</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="../source/source.html" class="plain">Source \r                Code</a></td>\r            </tr>\r                   <tr> \r              <td align="left" valign="middle"><a href="../versions.html" class="plain">Development Version</a></td>\r            </tr>\r                   <tr> \r              <td align="left" valign="middle"><a href="../links.html" class="plain">Links</a></td>\r            </tr>\r            <tr> \r              <td align="left" valign="middle"><a href="http://www.jalview.org/mailman/listinfo/jalview-announce" class="plain" target="NEW">News \r                Mailing List</a></td>\r            </tr>\r            <tr>\r              <td align="left" valign="middle"><a\r            href="http://www.jalview.org/mailman/listinfo/jalview-discuss"\r            class="plain" target="NEW">Discussion Mailing List</a><br><br><em>Please send problems<br>and\r            bug reports to the discussion list.</em></td>\r            </tr>\r            <tr></tr>\r            <tr>\r              <!--<td align="left" valign="middle"><br>\r                Please send problems<br>and\r            bug reports to:<br><a href="#" onClick="javascript:genHref();"><img src="../help.gif" width="123" height="19" border="0"></a></td>-->\r            </tr>\r          </table>\r\r        </div>\r\r        <div align="center"> <a href="http://www.bbsrc.ac.uk/" target="NEW"><br>\r          <img src="../bbsrc-new.gif" width="179" height="64" border="1"></a> \r        </div>\r        </td>\r      <td valign="top" width="587" bgcolor="#F2F2FF"><!-- InstanceBeginEditable name="Contents" -->
4         <p>Jalview comes in two distinct flavours.<br>
5           <br>
6           The main application allows connection to multiple web services provided
7           at the University of Dundee as well as a host of additional useful features
8           such as printing, making images from your alignment and annotating your
9           alignment. You need to download and install this software.</p>
10         <p>The applet version runs in web browsers and is a useful interactive
11           display for precalculated alignments, features and annotations files.
12           It does not have the full functionality of the main application, such
13           as making images, saving files, running web service jobs due to security
14           restrictions imposed on applets.</p>
15         <p align="left">For more information on how to use the applet in your
16           website, see <a href="appletParameters.html"><strong>full list of applet
17           parameters.</strong></a></p>
18         <p> Pressing one of the buttons below will load up JalviewLite, a cut down version
19           of Jalview, which runs within your web browser. </p>
20         <H4 align="center"> Ferredoxins, chloroplast precursor related UniRef50
21           cluster<br>
22           (15 sequences x 150 residues)</H4>
23         <div align="center"> </div>
24         <div align="center">
25           <table width="300" border="1" cellspacing="0" cellpadding="0">
26             <tr>
27               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
28                   <tr>
29                     <td width="100"> <applet code="jalview.bin.JalviewLite"
30                                 width="140" height="35"
31                                 archive="jalviewApplet.jar">
32                                                 <param name="file" value="uniref50.fa">\r                        <param name="treeFile" value="ferredoxin.nw">
33                         <param name="userDefinedColour" value="C=yellow; R,K,H=FF5555; D,E=5555FF">
34                         <param name="showFullId" value="false">
35                         <param name="RGB"  value="F2F2FF">\r                        <param name="sortByTree" value="True">\r                        <param name="showSequenceLogo" value="true">\r                        <param name="showGroupConsensus" value="true">\r                        <param name="linkLabel_1" value="SRS">
36                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
37                         <param name="linkLabel_2" value="Uniprot">
38                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
39                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
40                       </applet></td>
41                     <td width="165">User Defined Colours, loads an associated Newick
42                       format tree file which is used to sort the alignment, and group consensus and sequence logos are shown below the alignment.</td>
43                   </tr>
44                 </table></td>
45             </tr>
46           </table>
47           <p>&nbsp;</p>
48           <table width="300" border="1" cellspacing="0" cellpadding="0">
49             <tr>
50               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
51                   <tr>
52                     <td width="100"> <applet code="jalview.bin.JalviewLite"
53                                 width="140" height="35"
54                                 archive="jalviewApplet.jar">
55                         <param name="file" value="uniref50.fa">
56                         <param name="features" value="exampleFeatures.txt">
57                         <param name="showFeatureSettings" value="true">
58                         <param name="wrap" value="true">
59                         <param name="showAnnotation" value="false">
60                         <param name="windowHeight" value="500">
61                         <param name="windowWidth" value="650">
62                         <param name="showFullId" value="false">
63                         <param name="RGB"  value="F2F2FF">
64                         <param name="linkLabel_1" value="SRS">
65                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
66                         <param name="linkLabel_2" value="Uniprot">
67                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
68                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
69                       </applet> </td>
70                     <td width="165">Displays a features file on the alignment</td>
71                   </tr>
72                 </table></td>
73             </tr>
74           </table>
75             <p>&nbsp;</p>
76           <table width="300" border="1" cellspacing="0" cellpadding="0">
77             <tr>
78               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
79                   <tr>
80                     <td width="100"> <applet code="jalview.bin.JalviewLite"
81                                 width="140" height="35"
82                                 archive="jalviewApplet.jar,JmolApplet-12.1.13.jar">
83                         <param name="file" value="uniref50.fa">\r                        <!-- <param name="debug" value="true">
84                         -->\r                        <param name="defaultColour" value="Strand Propensity">
85                         <param name="wrap" value="true">
86                         <param name="showAnnotation" value="false">
87                         <param name="windowHeight" value="500">
88                         <param name="windowWidth" value="650">
89                         <param name="showFullId" value="false">
90                         <param name="RGB"  value="F2F2FF">
91                         <param name="linkLabel_1" value="SRS">
92                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
93                         <param name="linkLabel_2" value="Uniprot">
94                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
95                                                 <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
96                         <param name="PDBfile" value="1gaq.txt FER1_MAIZE">
97                       </applet> </td>
98                     <td width="165">Associates PDB file 1GAQ with sequence FER1_MAIZE</td>
99                   </tr>
100                 </table></td>
101             </tr>
102           </table>
103           <p>&nbsp;</p>
104           <table width="300" border="1" cellspacing="0" cellpadding="0">
105             <tr>
106               <td><table width="300" border="0" cellspacing="0" cellpadding="0">
107                   <tr>
108                     <td width="100"> <applet code="jalview.bin.JalviewLite"
109                                 width="140" height="35"
110                                 archive="jalviewApplet.jar">
111                         <param name="file" value="jpred_msa.fasta">
112                         <param name="jnetfile" value="jpred_msa.seq.concise">
113                         <param name="defaultColour" value="Clustal">
114                         <param name="showAnnotation" value="true">
115                         <param name="windowHeight" value="515">
116                         <param name="windowWidth" value="650">
117                         <param name="showConservation" value="false">
118                         <param name="showQuality" value="false">
119                         <param name="showConsensus" value="false">
120                         <param name="showFullId" value="false">
121                         <param name="RGB"  value="F2F2FF">
122                         <param name="linkLabel_1" value="SRS">
123                         <param name="linkUrl_1" value="http://srs.ebi.ac.uk/srs7bin/cgi-bin/wgetz?-e+[uniprot-all:$SEQUENCE_ID$]+-vn+2">
124                         <param name="linkLabel_2" value="Uniprot">
125                         <param name="linkUrl_2" value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$">
126                         <param name="APPLICATION_URL" value="http://www.jalview.org/services/launchApp">
127                       </applet> </td>
128                     <td width="165">Displays a Multiple Sequence Alignment Based
129                       JNet Prediction for a Sequence</td>
130                   </tr>
131                 </table></td>
132             </tr>
133           </table>\r        </div>\r        <p>&nbsp;</p>\r          <p>For more JalviewLite examples, follow the links below.\r          <ul>\r          <li><a href="embedded.html">JalviewLite embedded in the web page</a></li>\r          <li><a href="formComplete.html">use Javascript to control and get data from JalviewLite</a></li>\r          <li><a href="linkedapplets_ng.html">use Javascript to make two jalviewLite instances talk to each other</a></li>\r          <li><a href="embeddedWJmol.html">configure JalviewLite to talk to a Jmol applet on the page.</a></li>\r          </ul>
134         <!-- InstanceEndEditable --></td>\r    </tr>\r  </table>\r</div>\r</body>\r<!-- InstanceEnd --></html>\r