"
Team:ETH Zurich/labblog/buttons
From 2014.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
$(function() { | $(function() { | ||
$("article").show(); | $("article").show(); | ||
| - | $(" | + | $("rect").on("click", function(){ |
var filtertag = $(this).attr('class'); | var filtertag = $(this).attr('class'); | ||
$("article").hide().filter('.' + filtertag).show(); | $("article").hide().filter('.' + filtertag).show(); | ||
| Line 11: | Line 11: | ||
</script> | </script> | ||
| - | + | <!-- | |
<button class = "all"> View all </button> <br/> | <button class = "all"> View all </button> <br/> | ||
| Line 40: | Line 40: | ||
<button class = "meetings"> 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"> | ||
| - | <rect class=" | + | <rect class="lab" x="200" fill="#3FA9F5" width="224" height="224"/> |
<text transform="matrix(1 0 0 1 257.7773 112)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test1</text> | <text transform="matrix(1 0 0 1 257.7773 112)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test1</text> | ||
| - | <rect class=" | + | <rect class="all" x="536" fill="#7AC943" width="224" height="224"/> |
<text transform="matrix(1 0 0 1 590.625 112)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test2</text> | <text transform="matrix(1 0 0 1 590.625 112)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test2</text> | ||
| - | <rect class=" | + | <rect class="meetings" x="200" y="336" fill="#FF7BAC" width="224" height="224"/> |
<text transform="matrix(1 0 0 1 255.8555 448)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test3</text> | <text transform="matrix(1 0 0 1 255.8555 448)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test3</text> | ||
| - | <rect class=" | + | <rect class="modeling" x="536" y="336" fill="#FF931E" width="224" height="224"/> |
<text transform="matrix(1 0 0 1 588.8203 448)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test4</text> | <text transform="matrix(1 0 0 1 588.8203 448)" fill="#FFFFFF" font-family="'Skia-Regular'" font-size="48">Test4</text> | ||
</svg> | </svg> | ||
| - | + | ||
</html> | </html> | ||
Revision as of 10:03, 27 August 2014
