"
Team:Groningen/create desc
From 2010.igem.org
(Difference between revisions)
m |
|||
| (122 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | {{Team:Groningen/Header}} | ||
<html> | <html> | ||
| - | <form onSubmit="post()"> | + | <script language="JavaScript"> |
| + | var cur=""; | ||
| + | var fouten =""; | ||
| + | |||
| + | function getOpsomming(el) { | ||
| + | var str=""; | ||
| + | if (el.length == 1) { return el.value; } | ||
| + | else { | ||
| + | for (var loop = 0; loop<el.length; loop++) { | ||
| + | if (el[loop].checked == true) { | ||
| + | if (str != "") { str += ", "; } | ||
| + | str += el[loop].value; | ||
| + | } | ||
| + | } | ||
| + | return str; | ||
| + | } | ||
| + | } | ||
| + | function characteristics() { | ||
| + | var txt = ""; | ||
| + | txt = "<b>Characteristics of BioBrick device/part</b><br>"; | ||
| + | |||
| + | txt+= "Type of BioBrick: "+getOpsomming(document.inv.typ)+"<br>"; | ||
| + | if (document.inv.inputs.value != "N/A") { | ||
| + | txt += "Inputs: "+document.inv.inputs.value+"<br>"; | ||
| + | } | ||
| + | if (document.inv.outputs.value !="N/A") { | ||
| + | txt += "Outputs: "+document.inv.outputs.value+"<br>"; | ||
| + | } | ||
| + | txt += "Ribosome transit rate: "+document.inv.ribinv.value+"<br>Polymerase transit rate:"+document.inv.polyinv.value+"<br>"; | ||
| + | |||
| + | if (document.inv.components.value != "") { | ||
| + | txt += "Composed with "+document.inv.components.value+"<br>"; | ||
| + | } | ||
| + | return txt+"<br>"; | ||
| + | } | ||
| + | |||
| + | function physprop() { | ||
| + | var txt ="<b>Physical properties</b><br>"; | ||
| + | var eh = getOpsomming(document.inv.host); | ||
| + | if (document.inv.host2.value != "") { | ||
| + | if (eh != "") { | ||
| + | eh += ", "+document.inv.host2.value; | ||
| + | } else { | ||
| + | eh = document.inv.host2.value; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | txt +="Sequence<br>"+document.inv.seq.value+"<br>Length: "+document.inv.blength.value+" bps<BR>Host: "+eh+"<br><br>"; | ||
| + | return txt; | ||
| + | } | ||
| + | |||
| + | function updateBPS() | ||
| + | { | ||
| + | document.inv.blength.value = document.inv.seq.value.length; | ||
| + | } | ||
| + | function post() { | ||
| + | var txt = ""; | ||
| + | fouten = ""; | ||
| + | var ok = false; | ||
| + | if (document.inv.desc.value != "") { ok = true; } else { fouten += "Description is not provided"; } | ||
| + | |||
| + | txt = characteristics()+"<b>Description</b><br>\n"+document.inv.desc.value+"<br><br>"+physprop()+"<b>Recommended working conditions/usage</b><br>"+document.inv.oper.value+"<br><br><b>Status</b><br>"+document.inv.status.value+"<br><br><b>Safety notes</b><br>"+document.inv.safety.value+"<br><br><b>Contact information</b><br>"+document.inv.contact.value+"<br><br>"; | ||
| + | |||
| + | txt = txt + "Resulting HTML: <textarea>"+txt+"</textarea><br>"; | ||
| + | txt+='<form onSubmit="restore(); return false;" ><input type="submit"></form>'; | ||
| + | if (ok) { | ||
| + | |||
| + | |||
| + | $("#formpje").hide(); | ||
| + | document.getElementById("fouten").innerHTML = fouten; | ||
| + | document.getElementById("ans").innerHTML = txt; | ||
| + | } else { | ||
| + | document.getElementById("fouten").innerHTML = fouten; | ||
| + | } | ||
| + | $("#ans").show(); | ||
| + | $('#my-link').click(); | ||
| + | |||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function restore() { | ||
| + | $("#ans").hide(); | ||
| + | $("#formpje").show(); | ||
| + | $('#my-link').click(); | ||
| + | |||
| + | return false; | ||
| + | } | ||
| + | </script> | ||
| + | <a id="my-link" href="#"></a> | ||
| + | <div id="fouten"></div> | ||
| + | <div id="formpje"> | ||
| + | <form name='inv' onSubmit="post(); return false;" > | ||
<table> | <table> | ||
| - | <tr><td> | + | <tr><td colspan=2><b>Characteristics</b></td></tr> |
| - | <tr><td> | + | <TR><td width="200px">Type</td><td><input type=checkbox name="typ" value="protein generator">Protein generator<br><input type=checkbox name="typ" value="Reporters">Reporters<br><input type=checkbox name="typ" value="invertors">Invertors<br><input type=checkbox name="typ" value="senders and receivers">Senders and receivers<br><input type=checkbox name="typ" value="Measurement devices">Measurement devices |
| - | <tr><td> | + | </td></tr> |
| + | <tr><td>Eventual inputs</td><td><textarea name="inputs">N/A</textarea></td></tr> | ||
| + | <tr><td>Eventual outputs</td><td><textarea name="outputs">N/A</textarea></td></tr> | ||
| + | <tr><td>Polymerase transit rates</td><td><input type=text name="polyinv"> PoPS</td></tr> | ||
| + | <tr><td>Ribosome transit rates</td><td><input type=text name="ribinv"></td></tr> | ||
| + | <tr><td>In case of device, describe used components</td><td><textarea name="components"></textarea></td></tr> | ||
| + | |||
| + | <tr><td><b>Description</b> This should contain an brief summary of the BioBrick part/device made. Inputs and outputs should be short summarized</td><td><textarea name="desc" rows=5 cols=30></textarea></td></tr> | ||
<tr><td valign="top"><B>Physical properties</b></td> | <tr><td valign="top"><B>Physical properties</b></td> | ||
<td><textarea name="phys"></textarea><br>Sequence<br> | <td><textarea name="phys"></textarea><br>Sequence<br> | ||
| - | <textarea name="seq"></textarea><br>Length of part | + | <textarea name="seq" onKeyDown="updateBPS()"></textarea><br>Length of part |
| - | <input type="text" name="blength"> | + | <input type="text" name="blength"> bps<br> |
</td></tr> | </td></tr> | ||
| + | <tr><td valign="top"><b>Physical properties</b></td></tr> | ||
| + | <tr><td>Host</td><td><input type="checkBox" name="host" value="E. coli">Escherichia coli<br><input type="checkBox" name="host" value="Bacillus subtilis">Bacillus subtilis<br><input type="checkBox" name="host" value="Yeast">Yeast<br><input type="checkBox" name="host" value="Bacteriophage T7">Bacteriophage T7<br> | ||
| + | Other: <input type="text" name="host2"></td></tr> | ||
| + | <tr><td><b>Recommended working conditions</b> specify here how there is worked with the BioBrick. Recommended working operations are mainly used for how the biobrick is used in the current project</td><td><textarea name="oper"></textarea></td></tr> | ||
| + | <tr><td>Status of BioBrick part/device</td><td><textarea name="status" rows=7 cols=40></textarea></td></tr> | ||
| + | <tr><td>Safety notes</td><td><textarea name="safety">No additional safety meassures required</textarea></td></tr> | ||
| + | <tr><td>Contact</td><td><textarea name="contact"></textarea></td></tr> | ||
<tr><td colspan=2><center><input type=submit></center></td></tr> | <tr><td colspan=2><center><input type=submit></center></td></tr> | ||
</table> | </table> | ||
| Line 16: | Line 122: | ||
</form> | </form> | ||
| + | <br><br> | ||
| + | </div> | ||
| + | <div id="ans"> | ||
| + | </div> | ||
</html> | </html> | ||
| + | {{Team:Groningen/Footer}} | ||
Latest revision as of 00:06, 27 October 2010
