examples/formComplete.html

   1 <!--
   2  * Jalview - A Sequence Alignment Editor and Viewer ($$Version-Rel$$)
   3  * Copyright (C) $$Year-Rel$$ The Jalview Authors
   4  *
   5  * This file is part of Jalview.
   6  *
   7  * Jalview is free software: you can redistribute it and/or
   8  * modify it under the terms of the GNU General Public License
   9  * as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  10  *
  11  * Jalview is distributed in the hope that it will be useful, but
  12  * WITHOUT ANY WARRANTY; without even the implied warranty
  13  * of MERCHANTABILITY or FITNESS FOR A PARTICULAR
  14  * PURPOSE.  See the GNU General Public License for more details.
  15  *
  16  * You should have received a copy of the GNU General Public License along with Jalview.  If not, see <http://www.gnu.org/licenses/>.
  17  * The Jalview Authors are detailed in the 'AUTHORS' file.
  18 -->
  19
  20
  21 <!-- boiler plate link to alternate demopage -->
  22 <div style="width: 100%">
  23 <div style="width:35%; align:left; float:right;">
  24 <div style="margin:8px; padding:10px; border: 2px solid black; align: left;">
  25 <p>Quick Links to jars for example:<br/><a href="jalviewApplet.jar">jalviewApplet.jar</a> and <a href="JmolApplet-12.2.4.jar">JmolApplet.jar</a>
  26 </p></div>
  27 </div>
  28 </div>
  29
  30 <!-- content template start -->
  31 <h2><a href="javascript:doSubmit('jalviewLiteJs')">JalviewLite API</a> Demo</h2>
  32 <p>Using the Javascript API to fill out forms using data from JalviewLite
  33 <br/>Click the Javascript buttons below to interact with the Applet
  34 instance on the page.</p>
  35 View the source in your browser to see how it has been done. <br/>
  36 <a name="api">View the full <a href="javascript:doSubmit('jalviewLiteJs')">JalviewLite API documentation</a>.</a>
  37 <applet code="jalview.bin.JalviewLite" width="0" height="0"
  38         archive="jalviewApplet.jar,JmolApplet-12.2.4.jar" name="Jalview">
  39
  40   <param name="file" value="plantfdx.fa"/>
  41   <param name="features" value="plantfdx.features"/>
  42   <param name="wrap" value="true"/>
  43   <param name="showAnnotation" value="false"/>
  44   <param name="windowHeight" value="500"/>
  45   <param name="windowWidth" value="650"/>
  46   <param name="showFullId" value="false"/>
  47   <param name="linkLabel_1" value="Uniprot"/>
  48   <param name="linkUrl_1"
  49          value="http://www.uniprot.org/uniprot/$SEQUENCE_ID$"/>
  50   <param name="linkLabel_2" value="Expasy">
  51   <param name="linkUrl_2"
  52          value="http://us.expasy.org/cgi-bin/niceprot.pl?$SEQUENCE_ID$"/>
  53   <param name="hidefeaturegroups" value="uniprot" />
  54   <param name="showbutton" value="false" />
  55 </applet>
  56 <form name="exampleForm"><br/>
  57   <br/>
  58   <center><strong>Using the Jalview Applet for Input
  59       to an HTML Form</strong></center>
  60   <div align="center"><input type="button"
  61                              onClick="document.forms.exampleForm.exampleTextarea.value=document.applets.Jalview.getAlignment('fasta', 'false')"
  62                              value="Fill Form from Jalview" /> <br/>
  63     <br/>
  64     <textarea name="exampleTextarea" cols="55" rows="9"></textarea></div>
  65 </form>
  66 <center><strong>Make a new View and Get and Set
  67     Group Display List</strong></center>
  68 <form name="groupForm">
  69   <div align="center"><input type="button"
  70                              onClick="document.forms.groupForm.groups.value=document.applets.Jalview.getFeatureGroups()"
  71                              value="Get groups" /> <input type="button"
  72                                                           onClick="document.applets.Jalview.newView()" value="new View" /> <br/>
  73     <textarea name="groups" cols="55" rows="9"></textarea> <br/>
  74     <input type="button"
  75            onClick="document.applets.Jalview.setFeatureGroupState(document.forms.groupForm.groups.value, true)"
  76            value="Display groups" /> <input type="button"
  77                                             onClick="document.applets.Jalview.setFeatureGroupState(document.forms.groupForm.groups.value, false)"
  78                                             value="Hide groups" /></div>
  79 </form>
  80 </div>
  81 <!-- content template end -->