Part Table
Parts overview
<groupparts>iGEM19 HK_SSC</groupparts></br>
/* Main content */
.main {
margin-left: 240px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
min-width: 750px;
background-color: white;
padding-top: 20px;
padding-left: 50px;
padding-right: 50px;
line-height: 1.6;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
padding: 8px;
border-bottom: 1px solid #ddd;
}
td {
vertical-align: middle;
border-bottom: 1px solid #ddd;
}
tr:hover {background-color:#f5f5f5;}
</style>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
| Name |
Type |
Description |
|
<a href="http://parts.igem.org/Part:BBa_K3219001">BBa_K3219001</a> |
Coding |
sgRNA for mcyB Microcystis Aeruginosa UTEX 2388</i> (CgMT) |
<tr>
<td align="center">
<a href="http://parts.igem.org/Part:BBa_K3219002">BBa_K3219002</a></td>
<td align="center">Coding</td>
<td>Plasmid for in vivo expression of dCas9-sgRNA targeting mcyB</i></td>
</tr>
<tr>
<td align="center">
</tr>
</table>
<script>
/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.nextElementSibling;
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}
//Get the button:
mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
</body>
