Team:Freiburg/Project/toolkit

From 2013.igem.org

(Difference between revisions)
m
m
Line 10: Line 10:
############################################################################## -->
############################################################################## -->
-
<script type="text/javascript">
+
<script language="javascript">
-
function toggle(control){
+
function toggle(divId) {
-
var elem = document.getElementById(control);
+
    var divArray = document.getElementsByTagName("div");
-
+
    for(i = 0; i < divArray.length; i++){
-
if(elem.style.display == "none"){
+
        if(divArray[i].id == divId){
-
elem.style.display = "block";
+
            if(divArray[i].style.display != 'none'){
-
}else{
+
                divArray[i].style.display = 'none';
-
elem.style.display = "none";
+
            }else{
-
}
+
                divArray[i].style.display = '';
-
}
+
            }
-
</script>
+
        }
-
 
+
    }
-
<script>
+
-
function fnchecked(blnchecked)
+
-
{
+
-
if(blnchecked)
+
-
{
+
-
document.getElementById("divcheck").style.display = "";
+
-
}  
+
-
else
+
-
{
+
-
document.getElementById("divcheck").style.display = "none";
+
-
}
+
-
 
+
}
}
</script>
</script>
Line 94: Line 82:
<div id="main_contant" style="height:500px;">
<div id="main_contant" style="height:500px;">
-
<a href="javascript:toggle('activation')"> <input type="radio" name="Zahlmethode" value="Mastercard"> </a>
+
<form>
-
 
+
<input type="checkbox" checked onClick="toggle('descr');"> See Descriptions
-
<br /><div id="activation" style="display: none">Text Nummero Uno ...
+
</form>
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+
-
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
+
<div id="descr">Hello This is #1</div>
-
 
+
<div id="descr">Hello This is #2</div>
-
<a href="javascript:toggle('repression')"> Repression </a>
+
<div id="descr">Hello This is #3</div>
-
 
+
<div id="non-descript">Hello This is not one of them</div>
-
<br /><div id="repression" style="display: none">Text Nummero Uno ...
+
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+
-
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
+
-
 
+
-
<a href="javascript:toggle('stab_rep')"> Stable Repression</a>
+
-
 
+
-
<br /><div id="stab_rep" style="display: none">Text Nummero Uno ...
+
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+
-
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
+
-
 
+
-
 
+
-
<input type="checkbox" name="fldcheckbox" id="fldcheckbox" onclick="fnchecked(this.checked);"/>
+
-
<div id="divcheck" style="display:none;">
+
-
this is a test file
+
-
</div>
+
</div>
</div>

Revision as of 21:52, 17 September 2013


See Descriptions
Hello This is #1
Hello This is #2
Hello This is #3
Hello This is not one of them