Team:Calgary/Notebook

From 2009.igem.org

(Difference between revisions)
(WEEKLY UPDATES)
(WEEKLY UPDATES)
 
(25 intermediate revisions not shown)
Line 12: Line 12:
----
----
<html>
<html>
-
<h1 id="toggle_all">Toggle items script</h1>
+
<head>
-
<p>Lets you open or close either single items or all at once. Buttons are synchronized.</p>
+
<title>toggle_it() Demo</title>
-
 
+
<script language="javascript">
-
<div>
+
  function toggle_it(itemID){
-
     <h2 class="toggle">Header</h2>
+
      // Toggle visibility between none and inline
-
    <div>
+
      if ((document.getElementById(itemID).style.display == 'none'))
-
    text
+
      {
-
    </div>
+
        document.getElementById(itemID).style.display = 'inline';
-
</div>
+
      } else {
-
 
+
        document.getElementById(itemID).style.display = 'none';
-
<div>
+
      }
-
    <h2 class="toggle">Header</h2>
+
  }
-
    <div>
+
</script>
-
    text
+
<style type="text/css">
-
    </div>
+
<!--
-
</div>
+
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 10; }
-
 
+
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
-
<div>
+
-->
-
    <h2 class="toggle">Header</h2>
+
</style>
-
    <div>
+
</head>
-
    text
+
<body>
-
    </div>
+
<form name="test" action="" method="post">
-
</div>
+
  <table width="199">
-
<html>
+
     <tr class="style7">
-
 
+
    <td width="50%" align="right" height="23" valign="top"><a href="#" onClick="toggle_it('pr1')"><font size="3">Laboratory</font></a></td>
-
 
+
  <td height="23" valign="left" >  
-
<div id="uniquename" style="display:none;">
+
    </td>
-
<p>Content goes here.</p>
+
<td colspan="2">
-
</div>
+
<table width="100%" id="pr1" name="police_response1" style="display:none;">
-
<a
+
<tr valign="top">  
-
   onmouseover="ReverseDisplay('uniquename'); return true;"
+
  <td><span class="style10">Week 1</span></td>
-
   href="http://example.com/page.html">
+
</tr>
-
[Show/Hide Stuff]
+
<tr>
-
</a>
+
  <td><span class="style10">Week 2</span></td>
-
 
+
</tr>
-
 
+
<tr>
 +
  <td><span class="style10">Week 3</span></td>
 +
</tr>
 +
<tr>
 +
   <td><span class="style10">Week 4</span></td>
 +
</tr>
 +
   <td><span class="style10"></span></td>
 +
        </tr>
 +
        </table>
 +
        </td>
 +
    </tr>
 +
</table>
 +
</form>
</html>
</html>

Latest revision as of 17:27, 8 June 2009

Home The Team Calendar The Project Parts Submitted to the Registry Modeling Notebook

WEEKLY UPDATES


toggle_it() Demo

Laboratory