Team:ETH Zurich/labblog/buttons

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
     $("article").show();
     $("article").show();
-
     $("a#insidelink, rect, text, button").on("click", function(){
+
     $("a#insidelink, filter, button").on("click", function(){
         var filtertag = $(this).attr('class');
         var filtertag = $(this).attr('class');
         $("article").hide().filter('.' + filtertag).show();
         $("article").hide().filter('.' + filtertag).show();
Line 36: Line 36:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="200" height="200" viewBox="200 0 1000 1000" enable-background="new 200 0 1000 1000" 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="50%" y="0px" width="200" height="200" viewBox="200 0 1000 1000" enable-background="new 200 0 1000 1000" xml:space="preserve">
-
<a href="#" id="bred" style="text-decoration:none;">
+
<filter class="all" id="bred" style="text-decoration:none;">
-
<rect class="all" style="cursor: pointer" x="200" width="500" height="500"></rect>
+
<rect style="cursor: pointer" x="200" width="500" height="500"></rect>
-
<text class="all" x="290" y="270" style="cursor: pointer" fill="#FFFFFF" font-size="100">View all</text>
+
<text x="290" y="270" style="cursor: pointer" fill="#FFFFFF" font-size="100">View all</text>
-
</a>
+
</filter>
-
<a href="#" id="bgreen" style="text-decoration:none;">
+
<filter class="lab" id="bgreen" style="text-decoration:none;">
-
<rect class="lab" style="cursor: pointer" x="700" width="500" height="500"></rect>
+
<rect style="cursor: pointer" x="700" width="500" height="500"></rect>
-
<text class="lab" x="850" y="270" style="cursor: pointer" fill="#FFFFFF" font-size="100">Lab</text>
+
<text x="850" y="270" style="cursor: pointer" fill="#FFFFFF" font-size="100">Lab</text>
-
</a>
+
</filter>
-
<a href="#" id="bblue" style="text-decoration:none;">
+
<filter class="modeling" href="#" id="bblue" style="text-decoration:none;">
-
<rect class="modeling" style="cursor: pointer" x="200" y="500" width="500" height="500"></rect>
+
<rect style="cursor: pointer" x="200" y="500" width="500" height="500"></rect>
-
<text class="modeling" x="270" y="770" style="cursor: pointer" fill="#FFFFFF" font-size="100">Modeling</text>
+
<text x="270" y="770" style="cursor: pointer" fill="#FFFFFF" font-size="100">Modeling</text>
-
</a>
+
</filter>
-
<a href="#" id="bred" style="text-decoration:none;">
+
<filter class="meetings" href="#" id="bred" style="text-decoration:none;">
-
<rect class="meetings" style="cursor: pointer" x="700" y="500" width="500" height="500"></rect>
+
<rect style="cursor: pointer" x="700" y="500" width="500" height="500"></rect>
-
<text class="meetings" x="260" y="710" style="cursor: pointer" fill="#FFFFFF" font-size="100">
+
<text x="260" y="710" style="cursor: pointer" fill="#FFFFFF" font-size="100">
<tspan x="760">Weekly</tspan>
<tspan x="760">Weekly</tspan>
<tspan x="760" dy="150">Meetings</tspan>
<tspan x="760" dy="150">Meetings</tspan>
</text>
</text>
-
</a>
+
</filter>
</svg>
</svg>

Revision as of 12:57, 3 September 2014






View all Lab Modeling Weekly Meetings

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