Team:TU-Munich/Results/AutoAnnotator

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- {{Team:TU-Munich/TUM13_Header}}
 
{{Team:TU-Munich/TUM13_Menu}}
{{Team:TU-Munich/TUM13_Menu}}
-
-->
+
{{Team:TU-Munich/TUM13_Style}}
 +
 
<div id="wikicontent-container">
<div id="wikicontent-container">
<div id="wikicontent">
<div id="wikicontent">
 +
<!-- Start des Inhalts -->
-
<!-- Start of content -->
+
==Use the AutoAnnotator to create your own Protein-Data table==
<html>
<html>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:TU-Munich/events.js?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:TU-Munich/AjaxExtension.js?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:TU-Munich/md5_pajhome.js?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:TU-Munich/Flot.js?action=raw&ctype=text/js"></script>
 +
 +
<!-- IMPORTANT: DON'T REMOVE THIS LINE, OTHERWISE NOT SUPPORTED FOR IE BEFORE 9 -->
 +
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="https://2013.igem.org/Team:TU-Munich/excanvas.js?action=raw&ctype=text/js"></script><![endif]-->
-
<h2>Use the AutoAnnotator do create your own Protein-Data table</h2>
 
-
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
 
<script language="JavaScript" src="https://2013.igem.org/Team:TU-Munich/AnnotatorCode.js?action=raw&ctype=text/js"></script>
<script language="JavaScript" src="https://2013.igem.org/Team:TU-Munich/AnnotatorCode.js?action=raw&ctype=text/js"></script>
-
<script language="JavaScript" src="https://2013.igem.org/Team:TU-Munich/AjaxExtension.js?action=raw&ctype=text/js"></script>
 
<p id="Command">
<p id="Command">
-
Enter a BioBrick number below, either starting with "BBa_" or just the alphanumeric code! <br>
+
Enter a BioBrick number (e.g. K801060) or a nucleotide sequence below!
-
Alternatively (e.g. for new BioBricks, which aren't in the Registry yet) you can enter the nucleotide sequence directly.
+
</p>
</p>
-
<input type="text" id="EnteredBioBrick"> Enter BioBrick number or DNA sequence!
+
<p><input type="text" id="EnteredBioBrick"> Enter BioBrick number or DNA sequence!</p>
-
<br>
+
<p><input type="button" onclick="get_sequence()" id="CreateTableButton" value="Click here to create table"></p>
-
<input type="button" onclick="get_sequence()" value="Click here to create table">
+
<p id="htmlExplanation"></p>
<p id="htmlExplanation"></p>
<p id="htmlTable"></p>
<p id="htmlTable"></p>
-
<br>
+
 
<p id="wikiExplanation"></p>
<p id="wikiExplanation"></p>
-
<p id="wikiTable"></p>
+
<textarea readonly id="wikiTable" style="width:100%; display: none;" rows="4"></textarea>
 +
 
 +
<script>
 +
// make pressing enter inside the text box, start the algorithm
 +
$('#EnteredBioBrick').keyup(function(event) {
 +
if (event.which == 13){
 +
// remove cursor from text box, so handling alerts with enter is possible
 +
$('#EnteredBioBrick').blur();
 +
// automatically click the button
 +
$('#CreateTableButton').click();
 +
}
 +
})
 +
// prevent default action of pressing enter
 +
$('#EnteredBioBrick').keydown(function(event) {
 +
if (event.which == 13) {
 +
  event.preventDefault();
 +
}
 +
});
 +
 
 +
$(document).ready(function(){
 +
    if ($.urlParam('annotator')) {
 +
        $('#EnteredBioBrick')[0].value = $.urlParam('annotator');
 +
        $('#CreateTableButton').click();
 +
    }
 +
});
 +
</script>
<br>
<br>
<a href="https://2013.igem.org/Team:TU-Munich/Results/Software">Read the Autoannotator Description and References</a>
<a href="https://2013.igem.org/Team:TU-Munich/Results/Software">Read the Autoannotator Description and References</a>
Line 43: Line 71:
/* the entire html comment box container. applies to everything */
/* the entire html comment box container. applies to everything */
#HCB_comment_box {
#HCB_comment_box {
-
  width:60% !important;
+
    background: #FFFFFF;
 +
    border: 1px solid #000000;
 +
    padding: 10px;
}
}
#HCB_comment_box p.error {
#HCB_comment_box p.error {
-
   border: 4px solid #f88 !important;
+
   border: 4px solid #f88;
-
   background-color: #fee !important;
+
   background-color: #fee;
-
   color: #800 !important;
+
   color: #800;
}
}
#HCB_comment_box textarea, #HCB_comment_box input.text {
#HCB_comment_box textarea, #HCB_comment_box input.text {
-
   border: 1px solid #ddd !important;
+
   border: 1px solid #ddd;
-
   border-left: 1px solid #ccc !important;
+
   border-left: 1px solid #ccc;
-
   border-top: 1px solid #ccc !important;
+
   border-top: 1px solid #ccc;
-
   background: url(bg.png) repeat-x !important;
+
   background: url(bg.png) repeat-x;
}
}
#HCB_comment_box .hcb-wrapper-half {
#HCB_comment_box .hcb-wrapper-half {
-
   display:block !important;
+
   display:block;
-
   width:50% !important;
+
   width:50%;
-
   float:left !important;
+
   float:left;
 +
  margin-bottom:0.5em;
}
}
#HCB_comment_box .hcb-wrapper {
#HCB_comment_box .hcb-wrapper {
-
   clear:both !important;
+
   clear:both;
-
   margin-bottom:0.5em !important;
+
   margin:0.5em 0em;
}
}
#HCB_comment_box input.text {
#HCB_comment_box input.text {
-
   display:block !important;
+
   display:block;
-
   width:97% !important;
+
   width:97%;
    
    
}
}
/* the submit button */
/* the submit button */
#HCB_comment_box input.submit {
#HCB_comment_box input.submit {
-
     margin:0 7px 3px 0 !important;
+
     margin:0 7px 3px 0;
-
     background-color:#f5f5f5 !important;
+
     background-color:#f5f5f5;
-
     border:1px solid #ccc !important;
+
     border:1px solid #ccc;
-
     border-top:1px solid #ddd !important;
+
     border-top:1px solid #ddd;
-
     border-left:1px solid #ddd !important;
+
     border-left:1px solid #ddd;
-
     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif !important;
+
     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
-
     font-size:100% !important;
+
     font-size:100%;
-
     line-height:130% !important;
+
     line-height:130%;
-
     text-decoration:none !important;
+
     text-decoration:none;
-
     font-weight:bold !important;
+
     font-weight:bold;
-
     color:#565656 !important;
+
     color:#565656;
-
     cursor:pointer !important;
+
     cursor:pointer;
-
     width:auto !important;
+
     width:auto;
-
     overflow:visible !important;
+
     overflow:visible;
-
     padding:4px 10px 3px 7px !important; /* IE6 */
+
     padding:4px 10px 3px 7px; /* IE6 */
}
}
#HCB_comment_box input.submit:hover{
#HCB_comment_box input.submit:hover{
-
     background-color:#dff4ff !important;
+
     background-color:#dff4ff;
-
     border:1px solid #c2e1ef !important;
+
     border:1px solid #c2e1ef;
-
     color:#336699 !important;
+
     color:#336699;
}
}
#HCB_comment_box span.home-desc {
#HCB_comment_box span.home-desc {
-
   opacity:0.4 !important;
+
   opacity:0.4;
}
}
/* the individual comment display containers */
/* the individual comment display containers */
#HCB_comment_box div.comment {
#HCB_comment_box div.comment {
-
   border-top:1px solid #eee !important;
+
   border-top:1px solid #eee;
-
   margin-bottom:0.5em !important;
+
   margin-bottom:0.5em;
}
}
/* the moderator message */
/* the moderator message */
.hcb-mod  b{
.hcb-mod  b{
-
   color:darkblue !important;
+
   color:darkblue;
}
}
/* next, prev, ok and x link style */
/* next, prev, ok and x link style */
.hcb-link {
.hcb-link {
-
   color:blue !important;
+
   color:blue;
-
   text-decoration:underline !important;
+
   text-decoration:underline;
}
}
</style>
</style>
Line 134: Line 165:
</div></center></html>
</div></center></html>
-
<!-- End of content -->
+
<!-- Ende des Inhalts -->
 +
</div>
 +
</div>
{{Team:TU-Munich/TUM13_Footer}}
{{Team:TU-Munich/TUM13_Footer}}
-
 
-
</div>
 
-
</div>
 
-
<!--
 
-
{{Team:TU-Munich/TUM13_Script}}
 
-
{{Team:TU-Munich/TUM13_Style}}
 
-
-->
 

Latest revision as of 14:44, 28 September 2013


Use the AutoAnnotator to create your own Protein-Data table

Enter a BioBrick number (e.g. K801060) or a nucleotide sequence below!

Enter BioBrick number or DNA sequence!


Read the Autoannotator Description and References

HTML Comment Box is loading comments...



Locations of visitors to this page