Team:ETH Zurich/labblog/buttons

From 2014.igem.org

(Difference between revisions)
Line 57: Line 57:
$(document).ready(function(){
$(document).ready(function(){
   $('#map').mapster({
   $('#map').mapster({
-
    fillColor: '2C2F3D',
 
     fillOpacity: 0.5,
     fillOpacity: 0.5,
-
     clickNavigate: false /*,  
+
     isSelectable: false,
-
     stroke: true,
+
     showToolTip: true,
-
     strokeColor: 'c2d8f1',
+
     mapKey: 'name',
-
     strokeOpacity: 0.9,
+
toolTipContainer: '<div style="fillOpacity:1; border: 2px solid black; background: #EEEEEE; width:200px; padding:4px; margin: 4px; -moz-box-shadow: 3px 3px 5px #535353; ' +
-
    strokeWidth: 2,  
+
        '-webkit-box-shadow: 3px 3px 5px #535353; box-shadow: 3px 3px 5px #535353; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px; ' +
-
    clickNavigate: true */
+
        'border-radius: 6px 6px 6px 6px; opacity: 1;"></div>',
 +
     /* toolTipClose: ["tooltip-click", "area-click"], */
 +
    areas: [
 +
            {
 +
                key: "all",
 +
                fillColor: 'ED1C24',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/8/8b/ETH_Zurich_Red0.png"/> ').contents()
 +
            },
 +
 
 +
            {
 +
                key: "blue0",
 +
                fillColor: '1FB1E0',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/0/06/ETH_Zurich_Blue0.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "red2",
 +
                fillColor: 'ED1C24',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/d/d7/ETH_Zurich_Red2.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "blue2",
 +
                fillColor: '1FB1E0',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/f/f6/ETH_Zurich_Blue2.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "redon",
 +
                fillColor: '00FF00',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/c/c5/ETH_Zurich_Redon.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "redonlux",
 +
                fillColor: '00FF00',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/7/7c/ETH_Zurich_Redonlux.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "redonlas",
 +
                fillColor: '00FF00',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/e/e5/ETH_Zurich_Redonlas.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "blueonlux",
 +
                fillColor: '00FF00',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/7/72/ETH_Zurich_Blueonlux.png" />').contents()
 +
            },
 +
 
 +
            {
 +
                key: "blueonlas",
 +
                fillColor: '00FF00',
 +
                toolTip: $('<div/>').html('<img src="https://static.igem.org/mediawiki/2014/f/f3/ETH_Zurich_Blueonlas.png" />').contents()
 +
            }
 +
 
 +
            ]
   });
   });
Line 88: Line 144:
<center>
<center>
<img usemap="#map" id="map" src="/wiki/images/9/90/ETH_Zurich_Blogbuttons.png" style="width:50%;"/>
<img usemap="#map" id="map" src="/wiki/images/9/90/ETH_Zurich_Blogbuttons.png" style="width:50%;"/>
-
<map id="map" name="map"><area shape="poly" alt="" title="" coords="2473,4,1672,1492,1959,1324,2008,1476,2060,1458,2134,1295,2648,1540,2652,1507,2833,1404,3068,1604,3104,1656,3296,1544" class="all" href="" target="" /><area shape="poly" alt="" title="" coords="1544,2132,1744,2520,2176,2588,2236,2552,2372,2332,2200,2040" class="plasmids" href="" target="" /><area shape="poly" alt="" title="" coords="1136,1948,972,2064,1000,2348,1224,2564,1712,2556,1476,2120" class="slams" href="" target="" /><area shape="poly" alt="" title="" coords="736,2160,263,2379,458,2728,1096,2780,1212,2612" class="integraseexp" href="" target="" /><area shape="poly" alt="" title="" coords="92,2936,464,2772,1092,2800,1160,3100,872,3064,500,3268" class="interviews" href="" target="" /><area shape="poly" alt="" title="" coords="426,3692,632,3220,881,3104,1564,3200,1392,3640" class="crosstalkexp" href="" target="" /><area shape="poly" alt="" title="" coords="532,4028,624,3731,1387,3682,1416,3928,1508,3972,884,4120" class="parameter" href="" target="" /><area shape="poly" alt="" title="" coords="2012,2940,1615,3564,2392,3560" class="modeling" href="" target="" /><area shape="poly" alt="" title="" coords="2016,3664,1963,4088,2376,4573,2608,4172,2520,3660,2228,3784" class="biobricks" href="" target="" /><area shape="poly" alt="" title="" coords="1640,4008,1463,4411,1759,4631,2280,4528,1908,4112,1920,4008" class="diffusion" href="" target="" /><area shape="poly" alt="" title="" coords="2466,4895,2430,4643,2660,4212,3132,4340,3464,4617,3136,4840" class="hpcollaboration" href="" target="" /><area shape="poly" alt="" title="" coords="3944,3772,4308,3956,4336,4504,3504,4572,3212,4324,3316,4012" class="qsexperiments" href="" target="" /><area shape="poly" alt="" title="" coords="3420,3108,3868,3276,3936,3728,3308,3960,3248,3652" class="openhouse" href="" target="" /><area shape="poly" alt="" title="" coords="2520,2092,2136,2719,2902,2712" class="lab" href="" target="" /><area shape="poly" alt="" title="" coords="2172,2788,2088,2924,2448,3496,2592,3492,2944,2924,2864,2788" class="meetings" href="" target="" /><area shape="poly" alt="" title="" coords="2584,3640,2869,3478,3188,3652,3244,3984,3160,4308,2668,4152" class="whole" href="" target="" /><area shape="poly" alt="" title="" coords="3040,2944,2660,3556,2724,3556,2868,3476,3012,3556,3420,3560" class="human" href="" target="" /><area shape="poly" alt="" title="" coords="3084,2160,2884,2376,2944,2620,3412,3068,3628,2544" class="integrasemod" href="" target="" /><area shape="poly" alt="" title="" coords="3788,1984,3692,2504,4112,2700,4424,2604,4324,2132" class="school" href="" target="" /><area shape="poly" alt="" title="" coords="3424,1476,3108,1660,3088,2100,3640,2500,3732,1944" class="millifluidics" href="" target="" /><area shape="poly" alt="" title="" coords="2596,1900,3032,2116,2828,2336,2692,2364,2524,2088,2396,2288,2252,2036" class="survey" href="" target="" /><area shape="poly" alt="" title="" coords="1348,1676,1959,1321,2164,2016,1560,2104,1364,1948" class="stochastic" href="" target="" /><area shape="poly" alt="" title="" coords="4148,2744,4664,3152,4476,3644,4008,3724,3944,3268" class="qsmodule" href="" target="" /><area shape="poly" alt="" title="" coords="528,4700,1344,4552,1568,4008,928,4172,524,4084" class="beads" href="" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
+
<map id="map" name="map"><area shape="poly" alt="" title="" coords="648,872,172,1080,368,1436,1000,1488,1124,1324" href="" class="integraseexp" target="" /><area shape="poly" alt="" title="" coords="1052,652,884,776,912,1064,1136,1268,1628,1264,1376,824" href="" class="slams" target="" /><area shape="poly" alt="" title="" coords="412,1976,780,1772,1060,1800,1000,1512,376,1476,-4,1652" href="" class="interviews" target="" /><area shape="poly" alt="" title="" coords="340,2396,1308,2340,1476,1912,776,1816,528,1952" href="" class="crosstalkexp" target="" /><area shape="poly" alt="" title="" coords="532,2448,440,2740,792,2820,1420,2680,1320,2636,1296,2396" href="" class="parameter" target="" /><area shape="poly" alt="" title="" coords="436,2788,436,3416,1252,3260,1480,2716,832,2880" href="" class="beads" target="" /><area shape="poly" alt="" title="" coords="1668,3340,2196,3236,1816,2808,1828,2716,1552,2720,1384,3120" href="" class="diffusion" target="" /><area shape="poly" alt="" title="" coords="2348,3342,2576,2920,3044,3056,3368,3324,3036,3548,2377,3604" href="" class="human" target="" /><area shape="poly" alt="" title="" coords="3852,2480,4216,2668,4244,3208,3412,3280,3124,3028,3232,2716" href="" class="qsexperiments" target="" /><area shape="poly" alt="" title="" coords="2772,2188,2492,2352,2580,2860,3072,3012,3156,2688,3100,2360" href="" class="whole" target="" /><area shape="poly" alt="" title="" coords="3336,1816,3236,2108,3336,2268,3192,2268,3160,2364,3216,2664,3840,2436,3776,1984" href="" class="openhouse" target="" /><area shape="poly" alt="" title="" coords="4060,1456,3852,1980,3916,2424,4392,2344,4573,1856" href="" class="qsmodule" target="" /><area shape="poly" alt="" title="" coords="3692,692,3600,1212,4020,1404,4336,1316,4228,836" href="" class="school" target="" /><area shape="poly" alt="" title="" coords="2996,872,2796,1080,2856,1328,3320,1776,3540,1252" href="" class="intmodule" target="" /><area shape="poly" alt="" title="" coords="3020,364,3000,812,3548,1200,3644,652,3336,184" href="" class="millifluidics" target="" /><area shape="poly" alt="" title="" coords="2168,748,2512,612,2932,824,2736,1040,2612,1072,2428,796,2312,996" href="" class="survey" target="" /><area shape="poly" alt="" title="" coords="2108,748,2280,1048,2152,1260,2096,1292,1656,1224,1460,848" href="" class="plasmids" target="" /><area shape="poly" alt="" title="" coords="2044,1428,2820,1428,2432,792" href="" class="lab" target="" /><area shape="poly" alt="" title="" coords="1916,1636,1536,2268,2304,2268" href="" class="modeling" target="" /><area shape="poly" alt="" title="" coords="2080,1492,2772,1496,2864,1632,2496,2208,2356,2200,1996,1628" href="" class="meetings" target="" /><area shape="poly" alt="" title="" coords="3072,1836,3336,2268,2560,2268,2948,1640" href="" class="human" target="" /><area shape="poly" alt="" title="" coords="1924,2364,2140,2496,2428,2372,2516,2888,2292,3280,1876,2792" href="" class="biobricks" target="" /><area shape="poly" alt="" title="" coords="1872,40,1252,388,1276,660,1468,812,2076,728" href="" class="stochastic" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
</center>
</center>
</html>
</html>

Revision as of 21:18, 7 October 2014

Retrieved from "http://2014.igem.org/Team:ETH_Zurich/labblog/buttons"