From 2014.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <style type="text/css">
| |
| | | | |
| - | /*---------------------------------------------*/
| |
| - | /* CSS of Q/A part */
| |
| - | /*---------------------------------------------*/
| |
| - | .subject, .description{
| |
| - | float: left;
| |
| - | }
| |
| - | .subject{
| |
| - | width: 130px;
| |
| - | text-align: left;
| |
| - | margin: 0px 10px 0px 40px;
| |
| - | padding: 50px 0px;
| |
| - | }
| |
| - | .description{
| |
| - | width: 564px;
| |
| - | margin: 0px 50px 0px 10px;
| |
| - | padding: 25px;
| |
| - | background-color: white;
| |
| - | }
| |
| - |
| |
| - | table.sequence_description {
| |
| - | background-color: white;
| |
| - | border-collapse:collapse;
| |
| - | border:5px solid #0B6138;
| |
| - | border-radius:8px;
| |
| - | box-shadow: 0px 0px 10px #888888;
| |
| - | -webkit-box-shadow: 0px 0px 12px #888888;
| |
| - | -moz-box-shadow: 0px 0px 12px #888888;
| |
| - | }
| |
| - | table.sequence_description p {
| |
| - | font-family: "Lucida sans unicode", sans-serif;
| |
| - | font-size: 12px;
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - | </style>
| |
| - | </html>
| |
| - |
| |
| - | <html>
| |
| - | <body>
| |
| - |
| |
| - | <h3>A demonstration of how to access a Checkbox</h3>
| |
| - |
| |
| - | Checkbox: <input type="checkbox" id="myCheck">
| |
| - |
| |
| - | <p>Click the "Try it" button to check the checkbox.</p>
| |
| - |
| |
| - | <button onclick="myFunction()">Try it</button>
| |
| - |
| |
| - | <table class="sequence_description" id="about_gene"></table></div>
| |
| - |
| |
| - | <script>
| |
| - | function myFunction() {
| |
| - | var x = document.getElementById("myCheck");
| |
| - | if ( x.checked = true;) {
| |
| - | document.getElementById("about_gene").innerHTML="<p>This sequence codes for the viable part of the light chain in the FAB fragment</p>";
| |
| - | } else {
| |
| - | document.getElementById("about_gene").innerHTML="<p>This sequence codes for the conserved part of the light in the FAB fragment.</p>";
| |
| - | }
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
Revision as of 20:49, 12 August 2014
"
