Team:TU-Munich/Results/AutoAnnotator
From 2013.igem.org
(Difference between revisions)
ChristopherW (Talk | contribs) |
|||
(22 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
{{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 --> | ||
- | + | ==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]--> | ||
- | |||
- | |||
<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> | ||
- | |||
<p id="Command"> | <p id="Command"> | ||
Line 18: | Line 23: | ||
</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> |
- | < | + | <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> | ||
- | + | ||
<p id="wikiExplanation"></p> | <p id="wikiExplanation"></p> | ||
- | <textarea id="wikiTable" style="width:100%; display: none;" rows="4"></textarea> | + | <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 42: | 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 { | ||
- | + | background: #FFFFFF; | |
+ | border: 1px solid #000000; | ||
+ | padding: 10px; | ||
} | } | ||
#HCB_comment_box p.error { | #HCB_comment_box p.error { | ||
- | border: 4px solid #f88 | + | border: 4px solid #f88; |
- | background-color: #fee | + | background-color: #fee; |
- | color: #800 | + | color: #800; |
} | } | ||
#HCB_comment_box textarea, #HCB_comment_box input.text { | #HCB_comment_box textarea, #HCB_comment_box input.text { | ||
- | border: 1px solid #ddd | + | border: 1px solid #ddd; |
- | border-left: 1px solid #ccc | + | border-left: 1px solid #ccc; |
- | border-top: 1px solid #ccc | + | border-top: 1px solid #ccc; |
- | background: url(bg.png) repeat-x | + | background: url(bg.png) repeat-x; |
} | } | ||
#HCB_comment_box .hcb-wrapper-half { | #HCB_comment_box .hcb-wrapper-half { | ||
- | display:block | + | display:block; |
- | width:50% | + | width:50%; |
- | float:left | + | float:left; |
+ | margin-bottom:0.5em; | ||
} | } | ||
#HCB_comment_box .hcb-wrapper { | #HCB_comment_box .hcb-wrapper { | ||
- | clear:both | + | clear:both; |
- | margin | + | margin:0.5em 0em; |
} | } | ||
#HCB_comment_box input.text { | #HCB_comment_box input.text { | ||
- | display:block | + | display:block; |
- | width:97% | + | width:97%; |
} | } | ||
/* the submit button */ | /* the submit button */ | ||
#HCB_comment_box input.submit { | #HCB_comment_box input.submit { | ||
- | margin:0 7px 3px 0 | + | margin:0 7px 3px 0; |
- | background-color:#f5f5f5 | + | background-color:#f5f5f5; |
- | border:1px solid #ccc | + | border:1px solid #ccc; |
- | border-top:1px solid #ddd | + | border-top:1px solid #ddd; |
- | border-left:1px solid #ddd | + | border-left:1px solid #ddd; |
- | font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif | + | font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; |
- | font-size:100% | + | font-size:100%; |
- | line-height:130% | + | line-height:130%; |
- | text-decoration:none | + | text-decoration:none; |
- | font-weight:bold | + | font-weight:bold; |
- | color:#565656 | + | color:#565656; |
- | cursor:pointer | + | cursor:pointer; |
- | width:auto | + | width:auto; |
- | overflow:visible | + | overflow:visible; |
- | padding:4px 10px 3px 7px | + | padding:4px 10px 3px 7px; /* IE6 */ |
} | } | ||
#HCB_comment_box input.submit:hover{ | #HCB_comment_box input.submit:hover{ | ||
- | background-color:#dff4ff | + | background-color:#dff4ff; |
- | border:1px solid #c2e1ef | + | border:1px solid #c2e1ef; |
- | color:#336699 | + | color:#336699; |
} | } | ||
#HCB_comment_box span.home-desc { | #HCB_comment_box span.home-desc { | ||
- | opacity:0.4 | + | 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 | + | border-top:1px solid #eee; |
- | margin-bottom:0.5em | + | margin-bottom:0.5em; |
} | } | ||
/* the moderator message */ | /* the moderator message */ | ||
.hcb-mod b{ | .hcb-mod b{ | ||
- | color:darkblue | + | color:darkblue; |
} | } | ||
/* next, prev, ok and x link style */ | /* next, prev, ok and x link style */ | ||
.hcb-link { | .hcb-link { | ||
- | color:blue | + | color:blue; |
- | text-decoration:underline | + | text-decoration:underline; |
} | } | ||
</style> | </style> | ||
Line 133: | Line 165: | ||
</div></center></html> | </div></center></html> | ||
- | <!-- | + | <!-- Ende des Inhalts --> |
+ | </div> | ||
+ | </div> | ||
{{Team:TU-Munich/TUM13_Footer}} | {{Team:TU-Munich/TUM13_Footer}} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
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...
AutoAnnotator:
Follow us:
Address:
iGEM Team TU-Munich
Emil-Erlenmeyer-Forum 5
85354 Freising, Germany
Email: igem@wzw.tum.de
Phone: +49 8161 71-4351