Team:Freiburg/Project/toolkit

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
############################################################################## -->
############################################################################## -->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
<script language="javascript" type="text/javascript">
-
    function forRentClicked() {
+
$(document).ready(function(){
-
 
+
-
 
+
$("#check1, #check2, #check3, #check4").click(function(){
-
        if (document.getElementById('<%=CheckBox1.ClientID%>').checked == true) {
+
    $(this.value).toggle("slow");
-
 
+
});
-
 
+
-
            div1.style.display = 'block';
+
});
-
           
+
</script>
-
 
+
-
        }
+
-
        else {
+
-
            div1.style.display = 'none';
+
-
        }
+
-
    }
+
-
    </script>
+
-
 
+
Line 83: Line 76:
<div id="main_contant" style="height:500px;">
<div id="main_contant" style="height:500px;">
-
<div> 
+
 
-
    <asp:CheckBox ID="CheckBox1" runat="server" onClick="forRentClicked()" />
+
<input type="checkbox" name="check1" value="#div1" id="check1" />
-
</div>
+
<br />
-
<div id="div1">
+
<div id="div1" style="display: none;">DIV Container 1</div>
-
    <asp:Label ID="Label1" runat="server" Text="Rental rate per week:"></asp:Label>
+
<input type="checkbox" name="check2" value="#div2" id="check2" />
-
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
+
<br />
-
</div>
+
<div id="div2" style="display: none;">DIV Container 2</div>
 +
<input type="checkbox" name="check3" value="#div3" id="check3" />
 +
<br />
 +
<div id="div3" style="display: none;">DIV Container 3</div>
 +
<input type="checkbox" name="check4" value="#div4" id="check4" />
 +
<div id="div4" style="display: none;">DIV Container 4</div>
 +
 
 +
 
</div>
</div>

Revision as of 22:07, 17 September 2013





Retrieved from "http://2013.igem.org/Team:Freiburg/Project/toolkit"