User:Saint/Sandbox

From 2008.igem.org

< User:Saint(Difference between revisions)
m
m
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<html><script type="text/javascript" src="switchcontent.js" >
+
{{Imperial/NoTitle}}{{Imperial/StartPage2}}
-
/***********************************************
+
<html><TABLE border="0" style="background-color:transparent;" width="100%">
-
* Switch Content script- (c) Dynamic Drive (www.dynamicdrive.com)
+
<TR><TD align="left">
-
* This notice must stay intact for legal use.
+
<div id="top" style="position: absolute">
-
* Visit http://www.dynamicdrive.com/ for full source code
+
<A HREF="https://2008.igem.org/Team:Imperial_College/Part1"
-
***********************************************/
+
class="highlight"target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/PL.png" NAME="one"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part2"
 +
class="highlight"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/RL.png" NAME="two"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part3"
 +
class="highlight"target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/GL.png" NAME="three"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part4"
 +
class="highlight"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/TL.png" NAME="four"></A>
 +
</div>
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/S0.png" style="visibility:hidden;" NAME="global">
 +
</TD></TR>
 +
</TABLE></html>
-
</script>
 
-
<style type="text/css">
+
<!--<html><SCRIPT LANGUAGE="JavaScript">
-
/*Style sheet used for demo. Remove if desired*/
+
//Below is the code that pre-loads the graphics
-
.handcursor{
+
{
-
cursor:hand;
+
-
cursor:pointer;
+
-
}
+
-
</style></html>
+
//These are the large images
-
<html><h2>Demo 1</h2>
+
alt0 = new Image();
 +
alt0.src = "http://i59.photobucket.com/albums/g305/Timpski/S0.png" ;
-
<div><a href="javascript:bobexample.sweepToggle('contract')">Contract All</a> | <a href="javascript:bobexample.sweepToggle('expand')">Expand All</a></div>
+
alt1 = new Image();
 +
alt1.src = "http://i59.photobucket.com/albums/g305/Timpski/D1.png";
-
<h3 id="bobcontent1-title" class="handcursor">What is JavaScript?</h3>
+
alt2 = new Image();
-
<div id="bobcontent1" class="switchgroup1">
+
alt2.src = "http://i59.photobucket.com/albums/g305/Timpski/D2.png";
-
JavaScript is a scripting language originally developed by Netscape to add interactivity
+
-
and power to web documents. It is purely client side, and runs completely on the client's browser and computer.
+
-
</div>
+
-
<h3 id="bobcontent2-title" class="handcursor">Difference betwen Java & JavaScript?</h3>
+
alt3 = new Image();
-
<div id="bobcontent2" class="switchgroup1">
+
alt3.src = "http://i59.photobucket.com/albums/g305/Timpski/S1.png";
-
Java is completely different from JavaScript.
+
-
The former is a compiled language while the later is a scripting language.
+
-
</div>
+
-
<h3 id="bobcontent3-title" class="handcursor">What is DHTML?</h3>
+
//These are the first button graphics
-
<div id="bobcontent3" class="switchgroup1">
+
-
DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML.
+
-
Through them a new level of interactivity is possible for the end user experience.
+
-
</div>
+
 +
graphic1= new Image();
 +
graphic1.src = "http://i59.photobucket.com/albums/g305/Timpski/PD.png";
 +
graphic1on = new Image();
 +
graphic1on.src = "http://i59.photobucket.com/albums/g305/Timpski/PL.png";
 +
//These are the second button graphics
-
<script type="text/javascript">
+
graphic2= new Image();
-
// MAIN FUNCTION: new switchcontent("class name", "[optional_element_type_to_scan_for]") REQUIRED
+
graphic2.src = "http://i59.photobucket.com/albums/g305/Timpski/RD.png";
-
// Call Instance.init() at the very end. REQUIRED
+
graphic2on = new Image();
 +
graphic2on.src = "http://i59.photobucket.com/albums/g305/Timpski/RL.png";
-
var bobexample=new switchcontent("switchgroup1", "div") //Limit scanning of switch contents to just "div" elements
+
//These are the third button graphics
-
bobexample.setStatus('<img src="http://img242.imageshack.us/img242/5553/opencq8.png" /> ', '<img src="http://img167.imageshack.us/img167/7718/closedy2.png" /> ')
+
 
-
bobexample.setColor('darkred', 'black')
+
graphic3= new Image();
-
bobexample.setPersist(true)
+
graphic3.src = "http://i59.photobucket.com/albums/g305/Timpski/GD.png";
-
bobexample.collapsePrevious(true) //Only one content open at any given time
+
graphic3on = new Image();
-
bobexample.init()
+
graphic3on.src = "http://i59.photobucket.com/albums/g305/Timpski/GL.png";
-
</script>
+
 
 +
//These are the fourth button graphics
 +
 
 +
graphic4= new Image();
 +
graphic4.src = "http://i59.photobucket.com/albums/g305/Timpski/TD.png";
 +
graphic4on = new Image();
 +
graphic4on.src = "http://i59.photobucket.com/albums/g305/Timpski/TL.png";
 +
 
 +
//This is the function that calls for
 +
//the change in the buttons
 +
 
 +
}
 +
function imageChange(imageID,imageName,imageID2,imageName2,imageID3,imageName3) {
 +
 
 +
{
 +
document.images[imageID].src = eval(imageName + ".src");
 +
document.images[imageID2].src = eval(imageName2 + ".src");
 +
document.images[imageID3].src = eval(imageName3 + ".src");
 +
document.images[imageID4].src = eval(imageName4 + ".src");
 +
}
 +
 
 +
}
 +
 
 +
</SCRIPT> </html>-->
 +
 
 +
Hi! Welcome to Imperial College's Biobricks and Characterisation hub. Below is the final construct we produced. If you want to know more about our system or the devices of which it is made, please click the links below to see characterisation information. More information about biobricks can be found by selecting them in the construct below (just put your mouse over a part!) and if you click them you'll be taken to their respective pages.
 +
 
 +
<html><TABLE border="0" style="background-color:transparent;" width="100%">
 +
<TR><TD align="left">
 +
<div id="top" style="position: absolute">
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part1"
 +
onMouseOver="imageChange('one','graphic1on')"
 +
onMouseOut="imageChange('one','graphic1')"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/PD.png" NAME="one"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part2"
 +
onMouseOver="imageChange('two','graphic2on')"
 +
onMouseOut="imageChange('two','graphic2')"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/RD.png" NAME="two"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part3"
 +
onMouseOver="imageChange('three','graphic3on')"
 +
onMouseOut="imageChange('three','graphic3')"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/GD.png" NAME="three"></A>
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Part4"
 +
onMouseOver="imageChange('four','graphic4on')"
 +
onMouseOut="imageChange('four','graphic4')"
 +
target="_blank">
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/TD.png" NAME="four"></A>
 +
</div>
 +
<IMG SRC="http://i59.photobucket.com/albums/g305/Timpski/S0.png" NAME="global">
 +
</TD></TR>
 +
</TABLE></html>
 +
<html>| <A HREF="https://2008.igem.org/Team:Imperial_College/Device1"
 +
onMouseOver="imageChange('global','alt1')"
 +
onMouseOut="imageChange('global','alt0')">Device 1: Promoter/RBS</A> |
 +
<A HREF="https://2008.igem.org/Team:Imperial_College/Device2"
 +
onMouseOver="imageChange('global','alt2')"
 +
onMouseOut="imageChange('global','alt0')">Device 2: epsE/Terminator</A> |
 +
<br><br>| <A HREF="https://2008.igem.org/Team:Imperial_College/System1"
 +
onMouseOver="imageChange('global','alt3')"
 +
onMouseOut="imageChange('global','alt0')">System 1: Clutch Mechanism</A> |</html>
-
<h2>Demo 2</h2>
 
-
<h3 id="joecontent1-title" class="handcursor">What is JavaScript?</h3>
+
<html><hr>
-
<p id="joecontent1" class="switchgroup2">
+
-
</p>
+
-
<h3 id="joecontent2-title" class="handcursor">Difference betwen Java & JavaScript?</h3>
+
NOTE: Eventually we'll hopefully have this sort of thing set up for our full construct, as below...
-
<p id="joecontent2" class="switchgroup2">
+
-
</p>
+
-
<h3 id="joecontent3-title" class="handcursor">What is DHTML?</h3>
+
<img width=100% src=http://i59.photobucket.com/albums/g305/Timpski/S1L.png>
-
<p id="joecontent3" class="switchgroup2">
+
-
DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience.
+
-
</p>
+
 +
<hr></html>
 +
{{Imperial/Box1|Production Status|
 +
This table shows our progress with each part:}}
-
<script type="text/javascript">
+
{| width="100%" style="background-color:transparent;"
 +
|
 +
{| border="2" cellpadding="2" style="text-align:center" align="right" width="70%"
 +
! Key
 +
|- style=background:gold
 +
| Submitted
 +
|- style=background:silver
 +
| Sequenced
 +
|- style=background:#cc4400
 +
| Midiprepped
 +
|- style=background:lawngreen
 +
| Fully verified
 +
|- style=background:mediumslateblue
 +
| Partially Verified
 +
|- style=background:royalblue
 +
| Transformed
 +
|- style=background:yellow
 +
| Ligation pending/Failed
 +
|- style=background:red
 +
| Awaiting GeneArt
 +
|- style=background:maroon
 +
| Cloning difficulties
 +
|}
 +
|
 +
{| border="2" cellpadding="2" style="text-align:left" align="left" width="90%"
 +
!Part Number !! Part Name !! Status
 +
|- style=background:silver
 +
| K143001 || 5' AmyE Integration Sequence || Sequenced
 +
|- style=background:silver
 +
| K143002 || 3' AmyE Integration Sequence || Sequenced
 +
|- style=background:mediumslateblue
 +
| K143005 || 5' EpsE Integration Sequence || PCR Verified
 +
|- style=background:#cc4400
 +
| K143006 || 3' EpsE Integration Sequence || Sent for Sequencing
 +
|- style=background:yellow
 +
| K143008 || 5' PyrD Integration Sequence || Pending
 +
|- style=background:mediumslateblue
 +
| K143009 || 3' PyrD Integration Sequence || PCR verified
 +
|- style=background:#cc4400
 +
| K143031 || Aad9 Spectinomycin Resistance Gene || Sent for Sequencing
 +
|- style=background:silver
 +
| K143032 || EpsE Molecular Clutch Gene of ''B. subtilis'' || Sequenced
 +
|- style=background:silver
 +
| K143033 || LacI (Lva<sup>-</sup>, N terminal deletion) || Sequenced
 +
|- style=background:#cc4400
 +
| K143034 || LipA-EAK16 Fusion || Partially Sequenced
 +
|- style=background:royalblue
 +
| K143035 || LipA-Human Elastin Fusion || Transformed
 +
|- style=background:mediumslateblue
 +
| K143036 || Xylose Operon Regulatory Protein || PCR verified
 +
|- style=background:mediumslateblue
 +
| K143037 || Ytva Blue Light Receptor of ''B. subtilis'' || PCR verified
 +
|- style=background:silver
 +
| K143038 || SacB-EAK16 Fusion || Sequenced
 +
|- style=background:maroon
 +
| K143039 || SacB-Human Elastin Fusion || Fails to clone
 +
|- style=background:#cc4400
 +
| K143050 || P43-gsiB || Sent for Sequencing
 +
|- style=background:silver
 +
| K143051 || P43-spoVG || Sequenced
 +
|- style=background:silver
 +
| K143052 || Pveg-gsiB || Sequenced
 +
|- style=background:silver
 +
| K143053 || Pveg-spoVG || Sequenced
 +
|- style=background:yellow
 +
| K143054 || Phyperspank-gsiB || Pending
 +
|- style=background:mediumslateblue
 +
| K143055 || Phyperspank-spoVG || PCR verified
 +
|- style=background:yellow
 +
| K143056 || Pxyl-gsiB || Pending
 +
|- style=background:yellow
 +
| K143057 || Pxyl-spoVG || Pending
 +
|- style=background:#cc4400
 +
| K143058 || Pctc-gsiB || Midiprepped
 +
|- style=background:#cc4400
 +
| K143059 || Pctc-spoVG || Midiprepped
 +
|- style=background:red
 +
| K143060 || PgsiB-gsiB || Wrong insert cloned
 +
|- style=background:silver
 +
| K143061 || PgsiB-spoVG || Sequenced
 +
|- style=background:yellow
 +
| K143062 || LacI - Terminator || Pending
 +
|- style=background:yellow
 +
| K143063 || XylR - Terminator || Pending
 +
|- style=background:#cc4400
 +
| K143064 || CAT - Terminator || Sent for Sequencing
 +
|- style=background:yellow
 +
| K143065 || Aad9 - Terminator || Pending
 +
|}
 +
|}
-
var joeexample=new switchcontent("switchgroup2", "p") //Limit scanning of switch contents to just "p" elements
+
{{Imperial/EndPage}}
-
joeexample.setStatus('[open] ', '[closed] ')
+
-
joeexample.setColor('green', 'red')
+
-
joeexample.collapsePrevious(false) //Allow more than 1 content to be open simultanously
+
-
joeexample.setPersist(false)
+
-
joeexample.defaultExpanded(0,1)
+
-
joeexample.setContent(0, 'whatisjavascript.htm') //specify remote content for 1st header's content
+
-
joeexample.setContent(1, 'whatisjava.htm')  //specify remote content for 2nd header's content
+
-
joeexample.init()
+
-
</script></html>
+

Latest revision as of 13:14, 27 October 2008



Hi! Welcome to Imperial College's Biobricks and Characterisation hub. Below is the final construct we produced. If you want to know more about our system or the devices of which it is made, please click the links below to see characterisation information. More information about biobricks can be found by selecting them in the construct below (just put your mouse over a part!) and if you click them you'll be taken to their respective pages.

| Device 1: Promoter/RBS | Device 2: epsE/Terminator |

| System 1: Clutch Mechanism |


NOTE: Eventually we'll hopefully have this sort of thing set up for our full construct, as below...

Production Status

This table shows our progress with each part:


Key
Submitted
Sequenced
Midiprepped
Fully verified
Partially Verified
Transformed
Ligation pending/Failed
Awaiting GeneArt
Cloning difficulties
Part Number Part Name Status
K143001 5' AmyE Integration Sequence Sequenced
K143002 3' AmyE Integration Sequence Sequenced
K143005 5' EpsE Integration Sequence PCR Verified
K143006 3' EpsE Integration Sequence Sent for Sequencing
K143008 5' PyrD Integration Sequence Pending
K143009 3' PyrD Integration Sequence PCR verified
K143031 Aad9 Spectinomycin Resistance Gene Sent for Sequencing
K143032 EpsE Molecular Clutch Gene of B. subtilis Sequenced
K143033 LacI (Lva-, N terminal deletion) Sequenced
K143034 LipA-EAK16 Fusion Partially Sequenced
K143035 LipA-Human Elastin Fusion Transformed
K143036 Xylose Operon Regulatory Protein PCR verified
K143037 Ytva Blue Light Receptor of B. subtilis PCR verified
K143038 SacB-EAK16 Fusion Sequenced
K143039 SacB-Human Elastin Fusion Fails to clone
K143050 P43-gsiB Sent for Sequencing
K143051 P43-spoVG Sequenced
K143052 Pveg-gsiB Sequenced
K143053 Pveg-spoVG Sequenced
K143054 Phyperspank-gsiB Pending
K143055 Phyperspank-spoVG PCR verified
K143056 Pxyl-gsiB Pending
K143057 Pxyl-spoVG Pending
K143058 Pctc-gsiB Midiprepped
K143059 Pctc-spoVG Midiprepped
K143060 PgsiB-gsiB Wrong insert cloned
K143061 PgsiB-spoVG Sequenced
K143062 LacI - Terminator Pending
K143063 XylR - Terminator Pending
K143064 CAT - Terminator Sent for Sequencing
K143065 Aad9 - Terminator Pending

    [[Team:Imperial_College/{{{1}}}|< Previous]]
    [[Team:Imperial_College/{{{2}}}|Next >]]
Retrieved from "http://2008.igem.org/User:Saint/Sandbox"