From 2014.igem.org
(Difference between revisions)
|
|
(28 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| |
- | <script>
| |
- | $(document).ready(function(){
| |
- | $("#show").click(function(){
| |
- | $("img").show(<img src="https://static.igem.org/mediawiki/2014/7/70/Team_UNIK_Copenhagen_FAB_detecting_progesterone.PNG">);
| |
- | });
| |
- | $("#show2").click(function(){
| |
- | $("img").show(<img src="https://static.igem.org/mediawiki/2014/7/77/Team_UNIK_Copenhagen_FAB_detecting_estradiol.PNG">);
| |
- | });
| |
- | });
| |
- | </script>
| |
- | </head>
| |
| | | |
- | <body>
| |
- |
| |
- | <button id="hide">bound</button>
| |
- | <button id="show2">unbound</button>
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- | 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 img {
| |
- | margin-left: 10px;
| |
- | margin-right: 10px;
| |
- | }
| |
- | </style>
| |
- |
| |
- | <table class="sequence_description" id="flip"></table>
| |
- |
| |
- | <button onclick="boundFunction();">bound</button>
| |
- |
| |
- | <button onclick="unboundFunction();">unbound</button>
| |
- |
| |
- |
| |
- |
| |
- | <script>
| |
- | function boundFunction(){
| |
- | document.getElementById("flip").innerHTML="<p>bound</p>";
| |
- | }
| |
- |
| |
- | }
| |
- |
| |
- | function unboundFunction(){
| |
- | document.getElementById("flip").innerHTML="<p>unbound</p>";
| |
- | }
| |
- |
| |
- | </script>
| |
- |
| |
- | </html>
| |
Latest revision as of 13:15, 24 August 2014