Team:Amsterdam/maarten/

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Amsterdam/maarten/stylesheet}}
 
-
{{Team:Amsterdam/maarten/scripts}}
 
-
{{Team:Amsterdam/maarten/Header}}
 
-
{{Team:Amsterdam/maarten/Sidebar1}}
 
<html>
<html>
<head>
<head>
-
<script type='text/javascript'>
+
<script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
function feature(start,end,type,description){
 +
this.start = start;
 +
this.end = end;
 +
this.type = type;
 +
}
 +
 
 +
var plasmid = {
 +
dna : '',
 +
features : {},
 +
setDNA : function(dna){
 +
plasmid.dna = dna
 +
},
 +
addFeature : function(start,end,type,description){
 +
plasmid.features[start] = new feature(start,end,type,description)
 +
}
 +
}
 +
 
function writeFunction(){
function writeFunction(){
-
document.write("hello world")
+
plasmid.setDNA('')
 +
linker = "LINKER"
 +
backbone = document.inputForm.backbone.value
 +
sensors = document.inputForm.sensors.value.split('>')
 +
methyltransferase = document.inputForm.methyltransferase.value
 +
zinc_finger = document.inputForm.zinc_fingers.value
 +
sequence = backbone
 +
for (i=1;i<sensors.length;i++){
 +
sensor = sensors[i]
 +
sensorStart = backbone.length
 +
sensorEnd = sensorStart+sensor.length
 +
zincStart = sensorEnd+1
 +
zincEnd = zincStart+zinc_finger.length
 +
linkerStart = zincEnd+1
 +
linkerEnd = linkerStart+linker.length
 +
methyltransferaseStart = linkerEnd+1
 +
methyltransferaseEnd = methyltransferaseStart+methyltransferase.length
 +
plasmid.addFeature(sensorStart,sensorEnd,"Sensor","")
 +
plasmid.addFeature(zincStart,zincEnd,"Zinc Finger","")
 +
plasmid.addFeature(linkerStart,linkerEnd,"Linker","")
 +
plasmid.addFeature(methyltransferaseStart,methyltransferaseEnd,"Methyltransferase","")
 +
sequence+="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"+sensor+"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"+zinc_finger+"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"+linker+"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"+methyltransferase
 +
}
 +
sequence = plasmid.dna+sequence
 +
plasmid.setDNA(sequence)
 +
$('div#plasmid').remove()
 +
$('body').append('<div id="plasmid">'+plasmid.dna+'</div>')
}
}
 +
</script>
</script>
</head>
</head>
<body>
<body>
-
<div id="main-content">
+
<form name="inputForm">
-
<p>
+
    Please enter the backbone sequence
-
<form id='plasmidForm' class='rounded' method='post' action=''>
+
    <input type=TEXT value="tactagtagcggccgctgcagtccggcaaaaaagggcaaggtgtcaccaccctgcccttt
 +
ttctttaaaaccgaaaagattacttcgcgttatgcaggcttcctcgctcactgactcgct
 +
gcgctcggtcgttcggctgcggcgagcggtatcagctcactcaaaggcggtaatacggtt
 +
atccacagaatcaggggataacgcaggaaagaacatgtgagcaaaaggccagcaaaaggc
 +
caggaaccgtaaaaaggccgcgttgctggcgtttttccacaggctccgcccccctgacga
 +
gcatcacaaaaatcgacgctcaagtcagaggtggcgaaacccgacaggactataaagata
 +
ccaggcgtttccccctggaagctccctcgtgcgctctcctgttccgaccctgccgcttac
 +
cggatacctgtccgcctttctcccttcgggaagcgtggcgctttctcatagctcacgctg
 +
taggtatctcagttcggtgtaggtcgttcgctccaagctgggctgtgtgcacgaaccccc
 +
cgttcagcccgaccgctgcgccttatccggtaactatcgtcttgagtccaacccggtaag
 +
acacgacttatcgccactggcagcagccactggtaacaggattagcagagcgaggtatgt
 +
aggcggtgctacagagttcttgaagtggtggcctaactacggctacactagaagaacagt
 +
atttggtatctgcgctctgctgaagccagttaccttcggaaaaagagttggtagctcttg
 +
atccggcaaacaaaccaccgctggtagcggtggtttttttgtttgcaagcagcagattac
 +
gcgcagaaaaaaaggatctcaagaagatcctttgatcttttctacggggtctgacgctca
 +
gtggaacgaaaactcacgttaagggattttggtcatgagattatcaaaaaggatcttcac
 +
ctagatccttttaaattaaaaatgaagttttaaatcaatctaaagtatatatgagtaaac
 +
ttggtctgacagctcgaggcttggattctcaccaataaaaaacgcccggcggcaaccgag
 +
cgttctgaacaaatccagatggagttctgaggtcattactggatctatcaacaggagtcc
 +
aagcgagctcgatatcaaattacgccccgccctgccactcatcgcagtactgttgtaatt
 +
cattaagcattctgccgacatggaagccatcacaaacggcatgatgaacctgaatcgcca
 +
gcggcatcagcaccttgtcgccttgcgtataatatttgcccatggtgaaaacgggggcga
 +
agaagttgtccatattggccacgtttaaatcaaaactggtgaaactcacccagggattgg
 +
ctgagacgaaaaacatattctcaataaaccctttagggaaataggccaggttttcaccgt
 +
aacacgccacatcttgcgaatatatgtgtagaaactgccggaaatcgtcgtggtattcac
 +
tccagagcgatgaaaacgtttcagtttgctcatggaaaacggtgtaacaagggtgaacac
 +
tatcccatatcaccagctcaccgtctttcattgccatacgaaattccggatgagcattca
 +
tcaggcgggcaagaatgtgaataaaggccggataaaacttgtgcttatttttctttacgg
 +
tctttaaaaaggccgtaatatccagctgaacggtctggttataggtacattgagcaactg
 +
actgaaatgcctcaaaatgttctttacgatgccattgggatatatcaacggtggtatatc
 +
cagtgatttttttctccattttagcttccttagctcctgaaaatctcgataactcaaaaa
 +
atacgcccggtagtgatcttatttcattatggtgaaagttggaacctcttacgtgcccga
 +
tcaactcgagtgccacctgacgtctaagaaaccattattatcatgacattaacctataaa
 +
aataggcgtatcacgaggcagaatttcagataaaaaaaatccttagctttcgctaaggat
 +
gatttctggaattcgcggccgcttctagag" name="backbone">
 +
Please enter the sensors
 +
<input type=TEXT value=">agagaatataaaaagccagattattaatccggcttttttattattt>agagaatataaaaagccagattattaatccggcttttttattattt" name="sensors">
 +
Please select your methyltransferase (optional)
 +
<input type=TEXT value="atgtccgggcgggactttggatatgtgatacagtcgtccgctgcactatggaatcgactc
 +
tctacattctcacagagaggaaaagccttggacaccaggcttgcagacatcaagaaggcc
 +
ctggggaagccgtactacgaaacctcggatgtccttctttaccacggcgacagtcttgag
 +
ctgctcaagtcaatgcctcagcagattttcgaccttaccgtaactagtccaccttacaat
 +
attggcaaagagtacgagggtgtactgtcgatcgaggaatacatttcctggtgcgagaca
 +
tggatgtcgcgcgttcatagggcgaccagcgcaggcggcgcattttggctcaatgttggg
 +
tacgtccctgtcccgaaccaaggaaaagcagtcccgattccttacctcttgtgggacaag
 +
agtccgttctacatgatccaggaagttgtctggaattacggggcgggagtggcgtctcga
 +
aaatcgttttccccgcgcaatgaaaagtttctctggtatgtgcgcgacccgctgaattat
 +
tacttcgacctcgattcggtgcgcgacccaaatgtgaaataccccaaccagaaaaagaat
 +
gggaagctcaaatgcaacccgttggggaaaaatcccactgacgtttggcagttccccaag
 +
gttacgtcgggcgcgaagagatcaagcgtggagcgcaccgcccatccggcacaattcccg
 +
tctgcagtcattgaacgggtcatcaaggcgtgcagcccttccgacggcgtcatcctggac
 +
ccattcctcggttccggaacgacctcgctgaccgccagaaagcaaggccggtgcagcgtc
 +
ggtatcgaaatccgcgaagactacctcgacatcgcggtgggacgcctggaggcggaggcg
 +
caatccctcttctag" name="methyltransferase">
 +
Please select your zinc fingers (optional)
 +
<input type=TEXT value="atggcagcggccaaggccgagatgcaattgatgtctccgctacagatctctgacccgttc
 +
ggctcctttcctcactcacccaccatggacaactaccccaaactggaggagatgatgctg
 +
ctgagcaacggggctccccagttcctcggtgctgccggaaccccagagggcagcggcggt
 +
aatagcagcagcagcaccagcagcgggggcggtggtgggggcggcagcaacagcggcagc
 +
agcgccttcaatcctcaaggggagccgagcgaacaaccctatgagcacctgaccacagag
 +
tccttttctgacatcgctctgaataatgagaaggcgatggtggagacgagttatcccagc
 +
caaacgactcggttgcctcccatcacctatactggccgcttctccctggagcccgcaccc
 +
aacagtggcaacactttgtggcctgaaccccttttcagcctagtcagtggcctcgtgagc
 +
atgaccaatcctccgacctcttcatcctcggcgccttctccaactgcttcatcgtcttcc
 +
tctgcctcccagagcccgcccctgagctgtgccgtgccgtccaacgacagcagtcccatc
 +
tactcggctgcgcccacctttcctactcccaacactgacatttttcctgagccccaaagc
 +
caggcctttcctggctcggcaggcacagccttgcagtacccgcctcctgcctaccctgcc
 +
accaaaggtggtttccaggttcccatgatccctgactatctgtttccacaacaacaggga
 +
gacctgagcctgggcaccccagaccagaagcccttccagggtctggagaaccgtacccag
 +
cagccttcgctcactccactatccactattaaagccttcgccactcagtcgggctcccag
 +
gacttaaaggctcttaataccacctaccaatcccagctcatcaaacccagccgcatgcgc
 +
aagtaccccaaccggcccagcaagacacccccccatgaacgcccatatgcttgccctgtc
 +
gagtcctgcgatcgccgcttttctcgctcggatgagcttacccgccatatccgcatccac
 +
acaggccagaagcccttccagtgtcgaatctgcatgcgtaacttcagtcgtagtgaccac
 +
cttaccacccacatccgcacccacacaggcgagaagccttttgcctgtgacatttgtggg
 +
aggaagtttgccaggagtgatgaacgcaagaggcataccaaaatccatttaagacagaag
 +
gacaagaaagcagacaaaagtgtggtggcctccccggctgcctcttcactctcttcttac
 +
ccatccccagtggctacctcctacccatcccctgccaccacctcattcccatcccctgtg
 +
cccacttcctactcctctcctggctcctccacctacccatctcctgcgcacagtggcttc
 +
ccgtcgccgtcagtggccaccacctttgcctccgttccacctgctttccccacccaggtc
 +
agcagcttcccgtctgcgggcgtcagcagctccttcagcacctcaactggtctttcagac
 +
atgacagcgaccttttctcccaggacaattgaaatttgctaa" name="zinc_fingers"><br>
 +
<input type=BUTTON value="Submit" name="" onClick="writeFunction()">
-
<div class='field'>
 
-
    <label for='Plasmid'>Plasmid:</label>
 
-
    <input type='text' class='input' name='plasmid' id='plasmid'/>
 
-
    <p class="hint">Enter your plasmid in fasta format</p>
 
-
</div>
 
-
<br>
 
-
<div class='field'>
 
-
    <label for='sensors'>sensors:</label>
 
-
    <input type='text' class='input' name='sensors' id='sensors'/>
 
-
    <p class="hint">Enter your sensors in fasta format</p>
 
-
</div>
 
-
<input type=BUTTON value="Submit"  class="button" onClick="writeFunction" />
 
</form>
</form>
-
</p>
 
-
</div>
 
</body>
</body>
</html>
</html>
-
{{Team:Amsterdam/maarten/Foot}}
 

Revision as of 20:14, 23 July 2012

Please enter the backbone sequence Please enter the sensors Please select your methyltransferase (optional) Please select your zinc fingers (optional)

Retrieved from "http://2012.igem.org/Team:Amsterdam/maarten/"