Team:Harvard/Slider Test

From 2011.igem.org

(Difference between revisions)
 
(259 intermediate revisions not shown)
Line 3: Line 3:
     <title>Really Awesome Webpage </title>
     <title>Really Awesome Webpage </title>
     <script type="text/javascript">
     <script type="text/javascript">
 +
$(document).ready(function(){
-
var cool = 35
+
  $("button").click(function(){
-
cool = cool * cool;
+
      var number=$("#box").val();
-
alert(cool);
+
      var output=number*number;
 +
      $("#paragraph1").html(output);
 +
      if (number == 5){
 +
        alert("you chose 5 sucker");
 +
      }
 +
  });
 +
});
 +
</script>
 +
<style type="text/css">
-
function square(){
+
#catlinks {
-
  var number=document.getElementById("box").value;
+
height: 0px;
-
  var output=number*number;
+
overflow: hidden;
-
  document.getElementById("paragraph1").innerHTML=output;
+
display: none;
-
}</script>
+
border:  }#catlinks {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 
 +
/* Wiki Hacks from NorthWestern - START */
 +
 
 +
#top-section {
 +
    height: 10px;
 +
    margin-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 0 !important;
 +
    margin-bottom: 0px;
 +
    padding:0;
 +
    border: 0;
 +
    }
 +
#p-logo {
 +
    height:0px;
 +
    overflow:hidden;
 +
    border:none;
 +
    }
 +
#search-controls {
 +
    overflow:hidden;
 +
    display:none;
 +
    background: none;
 +
    position: absolute;
 +
    top: 100px;
 +
    right: 40px;
 +
    }         
 +
 
 +
 
 +
/* Wiki Hacks - END */
 +
 
 +
 
 +
 
 +
#menubar {
 +
background-color:transparent;
 +
font-size:85%;
 +
line-height:1em;
 +
position:absolute;
 +
top:10px;
 +
white-space:nowrap;
 +
width:50%;
 +
z-index:5;
 +
height:25px;
 +
overflow:hidden;
 +
}
 +
 
 +
#menubar li a {
 +
color:#8C8984;
 +
        background-color:transparent;
 +
}
 +
 
 +
.left-menu {
 +
left:0;
 +
padding-left: 13px;
 +
}
 +
.right-menu  {
 +
right:0;
 +
       
 +
}
 +
 
 +
.firstHeading { display:none; }
 +
}
 +
 
 +
 
 +
 
 +
 
 +
#footer-box {
 +
background-color: transparent;
 +
color: #000000;
 +
border: 0px;
 +
margin:0 auto;
 +
padding:13px 5px;
 +
width:auto;
 +
margin-top:-1px;
 +
}
 +
 
 +
#footer-box a {
 +
        background-color: transparent;
 +
color: #000000;
 +
font-size:90%;
 +
 
 +
}
 +
/* Wiki Hacks - END */
 +
 
 +
 
 +
#footer-box {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 
 +
 
 +
#catlinks {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 
 +
</style>
</head>
</head>
<body>
<body>
 +
 +
 +
 +
<h1>My Really Awesome Website</h1>
<h1>My Really Awesome Website</h1>
 +
 +
<a href="https://2011.igem.org/wiki/index.php?title=Team:Harvard/Slider_Test&action=edit">Edit This Page</a>
<p>iGEM 2011 baby!</p>
<p>iGEM 2011 baby!</p>
<p>This is another paragraph. Pretty cool, huh?</p>
<p>This is another paragraph. Pretty cool, huh?</p>
-
 
<input id="box" type="text">
<input id="box" type="text">
<p id="paragraph1">This is a temporary paragraph.</p>
<p id="paragraph1">This is a temporary paragraph.</p>
-
<button type="button" onclick="square()">Display Square</button>
+
<button type="button">Display Square</button>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Save for Web Slices (bar-Test.psd) -->
 +
<table id="Table_01" width="1000" height="85" border="0" cellpadding="0" cellspacing="0">
 +
<tr>
 +
<td colspan="13">
 +
<img src="https://static.igem.org/mediawiki/2011/8/81/Bar-Test_01.png" width="1000" height="23" alt=""></td>
 +
</tr>
 +
 
 +
<tr>
 +
<td colspan="6">
 +
<img src="https://static.igem.org/mediawiki/2011/3/38/Bar-Test_02.png" width="446" height="2" alt=""></td>
 +
<td rowspan="2">
 +
<a href="https://2011.igem.org/Team:Harvard/Team">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/4/4e/Team.gif" name="mousetest" onMouseOver="document.images['mousetest'].src='https://static.igem.org/mediawiki/2011/a/a8/Project.gif'"
 +
onMouseOut="document.images['mousetest'].src='image_w3default.gif'" width="105" height="36 />
 +
 
 +
 
 +
 
 +
</a></td>
 +
<td colspan="6">
 +
<img src="https://static.igem.org/mediawiki/2011/0/0e/Bar-Test_04.png" width="445" height="2" alt=""></td>
 +
</tr>
 +
 
 +
<tr>
 +
<td rowspan="3">
 +
<img src="https://static.igem.org/mediawiki/2011/7/72/Bar-Test_05.png" width="121" height="60" alt=""></td>
 +
<td>
 +
<a href="https://2011.igem.org/Team:Harvard/Project">
 +
<img src="https://static.igem.org/mediawiki/2011/a/a8/Project.gif" width="105" height="36" border="0" alt=""></a></td>
 +
<td rowspan="3">
 +
<img src="https://static.igem.org/mediawiki/2011/3/37/Bar-Test_07.png" width="3" height="60" alt=""></td>
 +
<td>
 +
 
 +
<a href="https://2011.igem.org/Team:Harvard/Tech">
 +
<img src="https://static.igem.org/mediawiki/2011/6/6b/Tech.gif" width="109" height="36" border="0" alt=""></a></td>
 +
<td>
 +
<a href="https://2011.igem.org/Team:Harvard/Results">
 +
<img src="https://static.igem.org/mediawiki/2011/9/9c/Results.gif" width="106" height="36" border="0" alt=""></a></td>
 +
<td rowspan="3">
 +
<img src="https://static.igem.org/mediawiki/2011/4/4d/Bar-Test_10.png" width="2" height="60" alt=""></td>
 +
<td>
 +
<a href="https://2011.igem.org/Team:Harvard/Notebook">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/6/6c/Notebook.gif" width="106" height="36" border="0" alt=""></a></td>
 +
<td>
 +
<a href="https://2011.igem.org/Team:Harvard/Biosafety">
 +
<img src="https://static.igem.org/mediawiki/2011/e/e5/Biosafety.gif" width="111" height="36" border="0" alt=""></a></td>
 +
<td rowspan="3">
 +
<img src="https://static.igem.org/mediawiki/2011/0/0e/Bar-Test_13.png" width="1" height="60" alt=""></td>
 +
<td rowspan="2">
 +
<a href="https://2011.igem.org/Team:Harvard/Media">
 +
<img src="https://static.igem.org/mediawiki/2011/4/4e/Media.gif" width="108" height="37" border="0" alt=""></a></td>
 +
 
 +
<td>
 +
<a href="https://2011.igem.org/Team:Harvard/iGEM">
 +
<img src="https://static.igem.org/mediawiki/2011/3/3a/IGEM.jpg" width="108" height="36" border="0" alt=""></a></td>
 +
<td rowspan="3">
 +
<img src="https://static.igem.org/mediawiki/2011/b/bd/Bar-Test_16.png" width="11" height="60" alt=""></td>
 +
</tr>
 +
<tr>
 +
<td rowspan="2">
 +
<img src="https://static.igem.org/mediawiki/2011/1/1c/Bar-Test_17.png" width="105" height="24" alt=""></td>
 +
 
 +
<td colspan="2" rowspan="2">
 +
<img src="https://static.igem.org/mediawiki/2011/3/33/Bar-Test_18.png" width="215" height="24" alt=""></td>
 +
<td colspan="3" rowspan="2">
 +
<img src="https://static.igem.org/mediawiki/2011/c/cd/Bar-Test_19.png" width="326" height="24" alt=""></td>
 +
<td>
 +
<img src="https://static.igem.org/mediawiki/2011/c/cd/Bar-Test_20.gif" width="108" height="1" alt=""></td>
 +
</tr>
 +
<tr>
 +
<td colspan="2">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/1/16/Bar-Test_21.png" width="216" height="23" alt=""></td>
 +
</tr>
 +
</table>
 +
<!-- End Save for Web Slices -->
 +
 
 +
 
 +
<iframe src="http://www.facebook.com/plugins/like.php?app_id=224012380968417&amp;href=http%3A%2F%2F2011.igem.org%2FTeam%3AHarvard&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 18:47, 19 July 2011

Really Awesome Webpage

My Really Awesome Website

Edit This Page

iGEM 2011 baby!

This is another paragraph. Pretty cool, huh?

This is a temporary paragraph.