Team:ETH Zurich/labblog/buttons

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript">
+
$("button").click(function() {
-
$(document).ready(
+
     var show = $(this).attr('class');
-
function()
+
     $("article").each(function(){
-
{
+
        $(this).show();
-
  $(".ball").click(
+
        var test = $(this).attr('class');
-
  function()
+
        if (test.indexOf(show) < 0) $(this).hide();
-
  {
+
     });
-
     $(".plasmids").show();
+
});
-
    $(".quorum").show();
+
-
     $(".beads").show();
+
-
    $(".milli").show();
+
-
    $(".labres").show();
+
-
    $(".reactions").show();
+
-
    $(".parameter").show();
+
-
    $(".diffusion").show();
+
-
    $(".error").show();
+
-
    $(".det").show();
+
-
     $(".stoc").show();
+
-
    $(".modres").show();
+
-
    $(".events").show();
+
-
    $(".interviews").show();
+
-
    $(".media").show();
+
-
    $(".survey").show();
+
-
    $(".meetings").show();
+
-
  });
+
-
  $(".bmodeling").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").show();
 
-
    $(".parameter").show();
 
-
    $(".diffusion").show();
 
-
    $(".error").show();
 
-
    $(".det").show();
 
-
    $(".stoc").show();
 
-
    $(".modres").show();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".blab").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").show();
 
-
    $(".quorum").show();
 
-
    $(".beads").show();
 
-
    $(".milli").show();
 
-
    $(".labres").show();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bhuman").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").show();
 
-
    $(".interviews").show();
 
-
    $(".media").show();
 
-
    $(".survey").show();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bplasmids").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").show();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bquorum").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").show();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bbeads").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").show("always");
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bmilli").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").show("always)";
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".blabres").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").show();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".breactions").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").show();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
 
-
  $(".bparameter").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").show();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bdiffusion").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").show();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".berror").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").show();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bdet").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").show();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bstoc").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").show();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bmodres").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").show();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bevents").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").show();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".binterviews").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").show();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".bmedia").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").show();
 
-
    $(".survey").hide();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
  $(".survey").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").show();
 
-
    $(".meetings").hide();
 
-
  });
 
-
 
-
 
-
  $(".bmeetings").click(
 
-
  function()
 
-
  {
 
-
    $(".plasmids").hide();
 
-
    $(".quorum").hide();
 
-
    $(".beads").hide();
 
-
    $(".milli").hide();
 
-
    $(".labres").hide();
 
-
    $(".reactions").hide();
 
-
    $(".parameter").hide();
 
-
    $(".diffusion").hide();
 
-
    $(".error").hide();
 
-
    $(".det").hide();
 
-
    $(".stoc").hide();
 
-
    $(".modres").hide();
 
-
    $(".events").hide();
 
-
    $(".interviews").hide();
 
-
    $(".media").hide();
 
-
    $(".survey").hide();
 
-
    $(".meetings").show();
 
-
  });
 
-
 
-
});
 
</script>
</script>
-
<button class = "ball"> View all </button> <br/>
+
<button class = "all"> View all </button> <br/>
-
<button class = "blab"> Lab </button><br/>
+
<button class = "lab"> Lab </button><br/>
-
<button class = "bplasmids"> Plasmids assembly </button>
+
<button class = "plasmids"> Plasmids assembly </button>
-
<button class = "bquorum"> Quorum sensing experiments </button>
+
<button class = "quorum"> Quorum sensing experiments </button>
-
<button class = "bbeads"> Beads optimization </button>
+
<button class = "beads"> Beads optimization </button>
-
<button class = "bmilli"> Millifluidics </button>
+
<button class = "milli"> Millifluidics </button>
-
<button class = "blabres"> Experimental results </button><br/>
+
<button class = "labres"> Experimental results </button><br/>
-
<button class = "bmodeling"> Modeling </button><br/>
+
<button class = "modeling"> Modeling </button><br/>
-
<button class = "breactions"> Reactions</button>
+
<button class = "reactions"> Reactions</button>
-
<button class = "bparameter"> Parameter fitting </button>
+
<button class = "parameter"> Parameter fitting </button>
-
<button class = "bdiffusion"> Diffusion model </button><br/>
+
<button class = "diffusion"> Diffusion model </button><br/>
-
<button class = "berror"> Error propagation </button><br/>
+
<button class = "error"> Error propagation </button><br/>
-
<button class = "bdet"> Deterministic model </button>
+
<button class = "det"> Deterministic model </button>
-
<button class = "bstoc"> Stochastic model </button>
+
<button class = "stoc"> Stochastic model </button>
-
<button class = "bmodres"> Modeling results </button><br/>
+
<button class = "modres"> Modeling results </button><br/>
-
<button class = "bhuman"> Human practice </button><br/>
+
<button class = "human"> Human practice </button><br/>
<button class = "bevents"> Events </button>
<button class = "bevents"> Events </button>
Line 499: Line 39:
<button class = "bsurvey"> Survey </button><br/>
<button class = "bsurvey"> Survey </button><br/>
-
<button class = "bmeetings"> Weekly meetings </button>
+
<button class = "meetings"> Weekly meetings </button>
<!--
<!--
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="200" height="200" viewBox="0 0 1000 1000" enable-background="new 0 0 300 200" xml:space="preserve">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="200" height="200" viewBox="0 0 1000 1000" enable-background="new 0 0 300 200" xml:space="preserve">

Revision as of 09:29, 26 August 2014

$("button").click(function() { var show = $(this).attr('class'); $("article").each(function(){ $(this).show(); var test = $(this).attr('class'); if (test.indexOf(show) < 0) $(this).hide(); }); });








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