Team:ETH Zurich/labblog/buttons

From 2014.igem.org

(Difference between revisions)
m
 
(40 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style>
 +
#Container .mix{
 +
display: none;
 +
}
 +
</style>
<script type="text/javascript">
<script type="text/javascript">
Line 58: Line 63:
   $('#map').mapster({
   $('#map').mapster({
-
    fillColor: 'FFFFFF',
+
fillColor: 'FFFFFF',
-
    fillOpacity: 0.5,
+
fillOpacity: 0.5
-
    clickNavigate: false /*,
+
});
-
    stroke: true,
+
-
    strokeColor: 'c2d8f1',
+
-
    strokeOpacity: 0.9,
+
-
    strokeWidth: 2,
+
-
    clickNavigate: true */
+
-
  });
+
$(window).resize(
$(window).resize(
Line 75: Line 74:
resize(true);
resize(true);
 +
$('#Container').mixItUp({
 +
load: {
 +
filter: 'none'
 +
},
 +
controls: {
 +
toggleFilterButtons: true,
 +
toggleLogic: 'or'
 +
}
 +
});
-
$("article").hide();
 
-
$("area").on("click", function(){
 
-
      var filtertag = $(this).attr('class');
 
-
        $("article").filter('.' + filtertag).toggle();
 
-
                                              });
 
$("a#insidelink").on("click", function(){
$("a#insidelink").on("click", function(){
       var targetid = $(this).attr('targetid');
       var targetid = $(this).attr('targetid');
         $('article#'+targetid).show();
         $('article#'+targetid).show();
                                               });
                                               });
-
 
-
  $("area.lab").click(function(){
 
-
    $("area.milli").click();
 
-
    $("area.integrase").click();
 
-
    $("area.quorum").click();
 
-
    $("area.biobricks").click();
 
-
    $("area.plasmids").click();
 
-
  });
 
-
 
-
  $("area.modeling").click(function(){
 
-
    $("area.parameter").click();
 
-
    $("area.intmodule").click();
 
-
    $("area.qsmodule").click();
 
-
    $("area.diffusion").click();
 
-
    $("area.whole").click();
 
-
    $("area.stochastic").click();
 
-
    $("area.edinburgh").click();
 
-
  });
 
-
 
-
  $("area.human").click(function(){
 
-
    $("area.survey").click();
 
-
    $("area.interviews").click();
 
-
    $("area.talks").click();
 
-
    $("area.school").click();
 
-
    $("area.slams").click();
 
-
    $("area.hpcollaboration").click();
 
-
  });
 
});
});
Line 119: Line 95:
<center>
<center>
-
<div id="container" style="width:700px;">
+
<div id="container" class="controls" style="width:700px;">
<img usemap="#map" id="map" src="/wiki/images/9/90/ETH_Zurich_Blogbuttons.png" style="width:700px;"/>
<img usemap="#map" id="map" src="/wiki/images/9/90/ETH_Zurich_Blogbuttons.png" style="width:700px;"/>
<map id="map" name="map">
<map id="map" name="map">
-
<area shape="poly" alt="" title="" coords="648,872,172,1080,368,1436,1000,1488,1124,1324" href="" class="integrase" target="" />
+
<area shape="poly" alt="" title="" coords="648,872,172,1080,368,1436,1000,1488,1124,1324" href="" class="filter" data-filter=".integrase" 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="1052,652,884,776,912,1064,1136,1268,1628,1264,1376,824" href="" class="filter" data-filter=".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="412,1976,780,1772,1060,1800,1000,1512,376,1476,-4,1652" href="" class="filter" data-filter='.interviews' target="" />
-
<area shape="poly" alt="" title="" coords="340,2396,1308,2340,1476,1912,776,1816,528,1952" href="" class="plasmids" target="" />
+
<area shape="poly" alt="" title="" coords="340,2396,1308,2340,1476,1912,776,1816,528,1952" href="" class="filter" data-filter=".plasmids" 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="532,2448,440,2740,792,2820,1420,2680,1320,2636,1296,2396" href="" class="filter" data-filter=".parameter" target="" />
-
<area shape="poly" alt="" title="" coords="436,2788,436,3416,1252,3260,1480,2716,832,2880" href="" class="milli" target="" />
+
<area shape="poly" alt="" title="" coords="436,2788,436,3416,1252,3260,1480,2716,832,2880" href="" class="filter" data-filter=".milli" 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="1668,3340,2196,3236,1816,2808,1828,2716,1552,2720,1384,3120" href="" class="filter" data-filter=".diffusion" target="" />
-
<area shape="poly" alt="" title="" coords="2348,3342,2576,2920,3044,3056,3368,3324,3036,3548,2377,3604" href="" class="hpcollaboration" target="" />
+
<area shape="poly" alt="" title="" coords="2348,3342,2576,2920,3044,3056,3368,3324,3036,3548,2377,3604" href="" class="filter" data-filter=".hpcollaboration" target="" />
-
<area shape="poly" alt="" title="" coords="3852,2480,4216,2668,4244,3208,3412,3280,3124,3028,3232,2716" href="" class="quorum" target="" />
+
<area shape="poly" alt="" title="" coords="3852,2480,4216,2668,4244,3208,3412,3280,3124,3028,3232,2716" href="" class="filter" data-filter=".quorum" 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="2772,2188,2492,2352,2580,2860,3072,3012,3156,2688,3100,2360" href="" class="filter" data-filter=".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="talks" 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="filter" data-filter=".talks" 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="4060,1456,3852,1980,3916,2424,4392,2344,4573,1856" href="" class="filter" data-filter=".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="3692,692,3600,1212,4020,1404,4336,1316,4228,836" href="" class="filter" data-filter=".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="2996,872,2796,1080,2856,1328,3320,1776,3540,1252" href="" class="filter" data-filter=".intmodule" data-filter=".intmodule" target="" />
-
<area shape="poly" alt="" title="" coords="3020,364,3000,812,3548,1200,3644,652,3336,184" href="" class="biobricks" target="" />
+
<area shape="poly" alt="" title="" coords="3020,364,3000,812,3548,1200,3644,652,3336,184" href="" class="filter" data-filter=".biobricks" 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="2168,748,2512,612,2932,824,2736,1040,2612,1072,2428,796,2312,996" href="" class="filter" data-filter=".survey" target="" />
-
<area shape="poly" alt="" title="" coords="2044,1428,2820,1428,2432,792" href="" class="lab" target="" />
+
<area shape="poly" alt="" title="" coords="2044,1428,2820,1428,2432,792" href="" class="filter" data-filter=".lab" target="" />
-
<area shape="poly" alt="" title="" coords="1916,1636,1536,2268,2304,2268" href="" class="modeling" target="" />
+
<area shape="poly" alt="" title="" coords="1916,1636,1536,2268,2304,2268" href="" class="filter" data-filter=".modeling
-
<area shape="poly" alt="" title="" coords="2080,1492,2772,1496,2864,1632,2496,2208,2356,2200,1996,1628" href="" class="meetings" target="" />
+
" 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="2080,1492,2772,1496,2864,1632,2496,2208,2356,2200,1996,1628" href="" class="filter" data-filter=".meetings" 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="3072,1836,3336,2268,2560,2268,2948,1640" href="" class="filter" data-filter=".human
-
<area shape="poly" alt="" title="" coords="1872,40,1252,388,1276,660,1468,812,2076,728" href="" class="edinburgh" target="" />
+
" target="" />
-
<area shape="poly" alt="" title="" coords="1188,1320,1644,1324,1552,1748,1512,1856,1124,1808,1064,1484" href="" class="stochastic" target="" />
+
<area shape="poly" alt="" title="" coords="1924,2364,2140,2496,2428,2372,2516,2888,2292,3280,1876,2792" href="" class="filter" data-filter=".biobricks" target="" />
 +
<area shape="poly" alt="" title="" coords="1872,40,1252,388,1276,660,1468,812,2076,728" href="" class="filter" data-filter=".edinburgh" target="" />
 +
<area shape="poly" alt="" title="" coords="1188,1320,1644,1324,1552,1748,1512,1856,1124,1808,1064,1484" href="" class="filter" data-filter=".stochastic" target="" />
<!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
<!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
</div>
</div>

Latest revision as of 21:28, 17 October 2014