Team:LMU-Munich/Primer Design/Design Primers

From 2011.igem.org

(Difference between revisions)
(mathias: some fun with the entropy/na^+ concentration controls)
(mathias: javascript enzyme selector (it's not pretty, but it appears to work…))
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
#enzyme-list {
+
.popup {
position: relative;
position: relative;
-
display: none;
 
}
}
-
#enzymes {
+
.popup ul {
position:absolute;
position:absolute;
background: white;
background: white;
border: 1px solid black;
border: 1px solid black;
margin: 0;
margin: 0;
 +
right: 0;
 +
top: 2em;
padding: 4px;
padding: 4px;
-
height: 10em;
+
height: 30em;
-
width: 10em;
+
width: 150px;
overflow:auto;
overflow:auto;
 +
z-index: 100;
}
}
-
#enzymes li:hover {
+
.popup li:hover {
background: black;
background: black;
color: white;
color: white;
Line 75: Line 77:
}
}
document.getElementById('na').disabled = true;
document.getElementById('na').disabled = true;
 +
 +
var enzymes = [
 +
</html>{{:Team:LMU-Munich/Templates/Enzymes}}<html>
 +
];
 +
 +
populate = function(elem) {
 +
var div = document.createElement('div');
 +
var ul = document.createElement('ul');
 +
for(var i = 0; i < enzymes.length; ++i) {
 +
var li = document.createElement('li');
 +
var text = document.createTextNode(enzymes[i]);
 +
li.appendChild(text);
 +
ul.appendChild(li);
 +
li.onclick = function() {
 +
elem.value = this.firstChild.nodeValue;
 +
ul.style.display = 'none';
 +
}
 +
}
 +
var button = document.createElement('input');
 +
button.setAttribute('value', 'Show enzymes…');
 +
button.setAttribute('type', 'button');
 +
button.onclick = function() {
 +
ul.style.display = 'block';
 +
}
 +
div.appendChild(button);
 +
div.appendChild(ul);
 +
div.setAttribute('class', 'popup');
 +
ul.style.display = 'none';
 +
elem.parentNode.parentNode.insertBefore(div, elem.parentNode.nextSibling);
 +
};
 +
 +
populate(document.getElementById('enzyme_n'));
 +
populate(document.getElementById('enzyme_c'));
</script>
</script>
</div>
</div>

Revision as of 19:26, 9 September 2011


Before 5'

Options

After 3'

Options

Surrounding Region

Options

Melting point:


Retrieved from "http://2011.igem.org/Team:LMU-Munich/Primer_Design/Design_Primers"