Team:ETH Zurich/labblog/buttons

From 2014.igem.org

(Difference between revisions)
m
 
(23 intermediate revisions not shown)
Line 63: 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 80: Line 74:
resize(true);
resize(true);
-
$(function(){
+
$('#Container').mixItUp({
-
  $('#Container').mixItUp({
+
load: {
-
    load: {
+
filter: 'none'
-
      filter: ''  
+
},
-
    },
+
controls: {
-
    controls: {
+
toggleFilterButtons: true,
-
      toggleFilterButtons: true,
+
toggleLogic: 'or'
-
      toggleLogic: 'or'
+
}
-
    },
+
-
    callbacks: {
+
-
      onMixEnd: function(state){
+
-
        console.log(state.activeFilter)
+
-
      }
+
-
    }
+
-
  });
+
-
 
+
});
});
-
  $("area.lab").click(function(){
 
-
    $( "area[data-filter*='.milli']" ).click();
 
-
    $( "area[data-filter*='.integrase']" ).click();
 
-
    $( "area[data-filter*='.quorum']" ).click();
 
-
    $( "area[data-filter*='.biobricks']" ).click();
 
-
    $( "area[data-filter*='.plasmids']" ).click();
 
-
  });
 
-
  $("area.modeling").click(function(){
+
$("a#insidelink").on("click", function(){
-
    $("area.parameter").click();
+
      var targetid = $(this).attr('targetid');
-
    $("area.intmodule").click();
+
        $('article#'+targetid).show();
-
    $("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 146: Line 111:
<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="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="filter" data-filter=".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="filter" data-filter=".filter" data-filter=".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="filter" data-filter=".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="filter" data-filter=".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
 +
" 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="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="3072,1836,3336,2268,2560,2268,2948,1640" href="" class="human" target="" />
+
<area shape="poly" alt="" title="" coords="3072,1836,3336,2268,2560,2268,2948,1640" href="" class="filter" data-filter=".human
 +
" 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="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="1872,40,1252,388,1276,660,1468,812,2076,728" href="" class="filter" data-filter=".edinburgh" target="" />

Latest revision as of 21:28, 17 October 2014