Team:IIT Madras/testpage
From 2011.igem.org
(Difference between revisions)
Line 7: | Line 7: | ||
jQuery( document ).ready( function( $ ) { | jQuery( document ).ready( function( $ ) { | ||
alert(); | alert(); | ||
+ | $("#clickable").click(function(){ | ||
+ | alert(); | ||
+ | }); | ||
// Code wrapped in this function will be executed when the document is ready | // Code wrapped in this function will be executed when the document is ready | ||
// When the document is ready, jQuery calls this passed callback function like this: | // When the document is ready, jQuery calls this passed callback function like this: | ||
Line 62: | Line 65: | ||
<div id="main_container" align="center" style="position:relative; top:35px;"> | <div id="main_container" align="center" style="position:relative; top:35px;"> | ||
<img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png" width="250px" height="250px" style="position:relative; top:30px;"/> | <img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png" width="250px" height="250px" style="position:relative; top:30px;"/> | ||
- | <div id="clickable" style="width:100px; height:100px; | + | <div id="clickable" style="width:100px; height:100px; background:red; display:block; position:absolute; left:10px; top:10px;"></div> |
<div id="block1"></div> | <div id="block1"></div> | ||
<div id="block2"></div> | <div id="block2"></div> |
Revision as of 13:17, 10 September 2011