|
|
| Line 1: |
Line 1: |
| - | <html> | + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| - |
| + | <html dir="ltr"> |
| - | <head>
| + | |
| - | <style>
| + | |
| - | body{font-family:verdana;}
| + | |
| - | table{font-size:70%;background:d20000}
| + | |
| - | a{color:black;text-decoration:none;font:bold}
| + | |
| - | a:hover{color:003366}
| + | |
| - | td.menu{background:d8e1e9}
| + | |
| - | table.menu
| + | |
| - | {
| + | |
| - | font-size:100%;
| + | |
| - | position:absolute;
| + | |
| - | visibility:hidden;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| - | <script language="JavaScript">
| + | |
| - | function toonmenu(elmnt)
| + | |
| - | {
| + | |
| - | document.all(elmnt).style.visibility="visible"
| + | |
| - | }
| + | |
| - | function verstopmenu(elmnt)
| + | |
| - | {
| + | |
| - | document.all(elmnt).style.visibility="hidden"
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | </head>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <body>
| + | |
| - | | + | |
| - | <font face="arial" size="3"> <table width="100%"> <tr bgcolor="#d8e1e9">
| + | |
| - | <td onmouseover="toonmenu('Home')" onmouseout="verstopmenu('Home')"> <a href="#.html" target=frame1>Home</a><br />
| + | |
| - | </td>
| + | |
| - | | + | |
| - | <td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')"> <a href="#.html" target=frame1>The project</a><br />
| + | |
| - | <table class="menu" id="site1" width="100%"> <tr>
| + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project" target=frame1>Project overview</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project_Plan" target=frame1>Project plan</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Vision" target=frame1>Our vision</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>Ethics</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>BioBricks</a></td>
| + | |
| - | </tr>
| + | |
| - | </table></td>
| + | |
| - | <td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')"> <a href="#.html" target=frame1>The team</a><br />
| + | |
| - | <table class="menu" id="site2" width="100%">
| + | |
| | | | |
| - | <tr>
| + | <head> |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Team" target=frame1>Team overview</a></td>
| + | <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dijit/themes/tundra/tundra.css"> |
| - | </tr>
| + | <style type="text/css"> |
| - | <tr>
| + | body, html { font-family:helvetica,arial,sans-serif; font-size:90%; } |
| - | <td class="menu"><a href="#.html" target=frame1>Advisors</a></td>
| + | </style> |
| - | </tr>
| + | <style type="text/css"> |
| - | <tr>
| + | #statusCode { padding: 5px; border: 1px solid #000; background: red; text-align: |
| - | <td class="menu"><a href="#.html" target=frame1>Team members</a></td>
| + | center; width: 100px; } |
| - | </tr>
| + | </style> |
| - | <tr>
| + | </head> |
| - | <td class="menu"><a href="#.html" target=frame1>De rest</a></td>
| + | |
| - | </tr>
| + | <body class="tundra "> |
| - | </table></td>
| + | <p> |
| - | <td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')"> <a href="#.html" target=frame1>Modelling</a><br /> | + | <button dojoType="dijit.form.Button" onClick="statusOk()"> |
| - | <table class="menu" id="site3" width="100%">
| + | Grant access |
| - | <tr>
| + | </button> |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Modelling" target=frame1>Modelling overview</a></td>
| + | </p> |
| - | </tr>
| + | <div id="statusCode"> |
| - | <tr>
| + | Denied |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project/Transport" target=frame1>Metal transport</a></td>
| + | </div> |
| - | </tr>
| + | </body> |
| - | <tr> | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js" |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project/Accumulation" target=frame1>Metal accumulation</a></td>
| + | djConfig="parseOnLoad: true"> |
| - | </tr> | + | </script> |
| - | <tr> | + | <script type="text/javascript"> |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project/Vesicle" target=frame1>Gas Vesicle</a></td>
| + | dojo.require("dijit.form.Button"); // we require the button to make our demo look fancy |
| - | </tr>
| + | function statusOk() { |
| - | <tr>
| + | dojo.animateProperty({ |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project/Promoters" target=frame1>Metal sensitive promoters</a></td>
| + | node: dojo.byId("statusCode"), |
| - | </tr>
| + | duration: 500, |
| - | </table></td>
| + | properties: { |
| - | <td onmouseover="toonmenu('site4')" onmouseout="verstopmenu('site4')"> <a href="#.html" target=frame1>Notebook</a><br />
| + | backgroundColor: { |
| - | <table class="menu" id="site4" width="100%">
| + | start: "red", |
| - | <tr><td class="menu">
| + | end: "green" |
| - | <a href="https://2009.igem.org/Team:Groningen/Notebook" target=frame1>Notebook</a></td>
| + | }, |
| - | </tr>
| + | color: { |
| - | <tr>
| + | start: "black", |
| - | <td class="menu"><a href="#.html" target=frame1>Material & Methods</a></td>
| + | end: "white" |
| - | </tr>
| + | }, |
| - | <tr>
| + | }, |
| - | <td class="menu"><a href="#.html" target=frame1>Lab Results</a></td>
| + | onEnd: function() { |
| - | </tr>
| + | dojo.byId("statusCode").innerHTML = "Granted"; |
| - | <tr>
| + | } |
| - | <td class="menu"><a href="#.html" target=frame1>Safety en nog wat</a></td>
| + | }).play(); |
| - | </tr>
| + | } |
| - | <tr>
| + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Future" target=frame1>Future (ideas)</a></td>
| + | |
| - | </tr>
| + | |
| - | </table></td>
| + | |
| - | <td onmouseover="toonmenu('site5')" onmouseout="verstopmenu('site5')"> <a href="#.html" target=frame1>Other information / Acknowledgements??</a><br />
| + | |
| - | <table class="menu" id="site5" width="100%">
| + | |
| - | <tr> | + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Glossary" target=frame1>Glossary</a></td>
| + | |
| - | </tr> | + | |
| - | <tr> | + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Literature" target=frame1>Litarature</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>Sponsors</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="https://2009.igem.org/Team:Groningen/Project_Plan/Tools_and_Documentation" target=frame1>Tools</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>Teams with similar projects</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>Work together with other teams</a></td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td class="menu"><a href="#.html" target=frame1>Meetings</a></td>
| + | |
| - | </tr>
| + | |
| - | | + | |
| - | </table></td></table>
| + | |
| - | | + | |
| - | | + | |
| - | </body>
| + | |
| | </html> | | </html> |
"