|
|
| (45 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Utrecht/Navigation}}
| |
| − | <html>
| |
| − | <script src="https://2018.igem.org/Team:Utrecht/js/Mapster?action=raw&ctype=text/javascript"></script>
| |
| | | | |
| − | <style>
| |
| − | .sidenav{display: none;}
| |
| − | </style>
| |
| − |
| |
| − | <script>
| |
| − |
| |
| − | var main = function(){
| |
| − | $('#OverviewProject').mapster({
| |
| − | fillOpacity: 0.0,
| |
| − | stroke: true,
| |
| − | strokeColor: "3320FF",
| |
| − | strokeWidth: 4,
| |
| − | singleSelect: true,
| |
| − | mapKey: 'name',
| |
| − | listKey: 'name',
| |
| − | showToolTip: true,
| |
| − | clickNavigate: true,
| |
| − | toolTipContainer: '<div class = tooltipcontainer></div>',
| |
| − | areas: [
| |
| − | {
| |
| − | key: "Description",
| |
| − | toolTip: "Description"
| |
| − | },
| |
| − | {
| |
| − | key: "Safety",
| |
| − | toolTip: "Safety"
| |
| − | },
| |
| − | {
| |
| − | key: "Model",
| |
| − | toolTip: "Model"
| |
| − | },
| |
| − | {
| |
| − | key: "DesignB",
| |
| − | toolTip: "Design: BRET-assay"
| |
| − | },
| |
| − | {
| |
| − | key: "DesignR",
| |
| − | toolTip: "Design: Hybrid Receptors"
| |
| − | },
| |
| − | {
| |
| − | key: "DesignO",
| |
| − | toolTip: "Design: Overview"
| |
| − | },
| |
| − | {
| |
| − | key: "Biobricks",
| |
| − | toolTip: "Biobricks"
| |
| − | }
| |
| − | ]
| |
| − | });
| |
| − | $("#selections").css("background-color", "yellow");
| |
| − | }
| |
| − |
| |
| − | $(document).ready(main);
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <div class = "customelementM2">
| |
| − | <!-- Image Map Generated by http://www.image-map.net/ -->
| |
| − | <img src="https://static.igem.org/mediawiki/2018/e/e4/T--Utrecht--2018-Overview--Project.png" usemap="#image-map" id = "OverviewProject">
| |
| − | <div style="min-height: 10px; border: 1px solid black;" id="selections"></div>
| |
| − |
| |
| − | <map name="image-map">
| |
| − | <area href = "main.html" alt="Description" name="Description" coords="116,80,219,181" shape="rect">
| |
| − | <area href = "main.html" alt="Safety" name="Safety" coords="589,587,650,690,528,690" shape="poly">
| |
| − | <area href = "main.html" alt="Model" name="Model" coords="992,434,61" shape="circle">
| |
| − | <area href = "main.html" alt="DesignR" name="DesignR" coords="792,71,804,58,1002,58,1004,154,988,170,793,169" shape="poly">
| |
| − | <area href = "main.html" alt="DesignB" name="DesignB" coords="797,230,808,217,1002,217,1003,300,994,312,797,313" shape="poly">
| |
| − | <area href = "main.html" alt="Biobricks" name="Biobricks" coords="624,385,784,470" shape="rect">
| |
| − | <area href = "main.html" alt="DesignO" name="DesignO" coords="374,435,401,380,445,388,476,267,504,116,690,93,777,262,645,369,516,441,582,484,535,522" shape="poly">
| |
| − |
| |
| − | </map>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |
