Team:UNIK Copenhagen/test2

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
<script>
<script>
 +
function confirmInput() {
$(document).ready(function(){
$(document).ready(function(){
-
   $("#show").click(function(){
+
   $("#btn2").click(function(){
-
     $("img").show();
+
     $("img").after("<i>After</i>");
-
  });
+
-
  $("#show2").click(function(){
+
-
    $("img").show();
+
   });
   });
});
});
 +
}
</script>
</script>
 +
</head>
</head>
<body>
<body>
-
<img src="https://static.igem.org/mediawiki/2014/7/70/Team_UNIK_Copenhagen_FAB_detecting_progesterone.PNG">
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/Team_UNIK_Copenhagen_Construct_gene.PNG" alt="jQuery" width="100" height="140">
-
<button id="show">bound</button>
+
<form onsubmit="confirmInput()" action="$(document).ready(function()" id="btn2">
-
<button id="show2">unbound</button>
+
Enter your sequence: <input id="fname" type="text" size="20">
 +
<input type="submit">
 +
</form>
</body>
</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>
</html>

Revision as of 07:37, 23 August 2014

jQuery

Enter your sequence:

Retrieved from "http://2014.igem.org/Team:UNIK_Copenhagen/test2"