"
Team:ETH Zurich/labblog/buttons
From 2014.igem.org
(Difference between revisions)
| Line 14: | Line 14: | ||
var filtertag = $(this).attr('class'); | var filtertag = $(this).attr('class'); | ||
$("article").hide().filter('.' + filtertag).show(); | $("article").hide().filter('.' + filtertag).show(); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | $(document).ready(function() { | ||
| + | $('.link-sort-list').click(function(e) { | ||
| + | var $sort = this; | ||
| + | var $list = $('.inner2'); | ||
| + | var $listLi = $("article",$list); | ||
| + | $listLi.sort(function(a, b){ | ||
| + | var keyA = $(a).attr('id'); | ||
| + | var keyB = $(b).attr('id'); | ||
| + | if($($sort).hasClass('asc')){ | ||
| + | return (keyA > keyB) ? 1 : 0; | ||
| + | } else { | ||
| + | return (keyA < keyB) ? 1 : 0; | ||
| + | } | ||
| + | }); | ||
| + | $.each($listLi, function(index, row){ | ||
| + | $list.append(row); | ||
| + | }); | ||
| + | e.preventDefault(); | ||
}); | }); | ||
}); | }); | ||
| Line 66: | Line 87: | ||
<text class="modeling" x="770" y="770" style="cursor: pointer" fill="#FFFFFF" font-size="100">Modeling</text> | <text class="modeling" x="770" y="770" style="cursor: pointer" fill="#FFFFFF" font-size="100">Modeling</text> | ||
</svg> | </svg> | ||
| + | |||
| + | |||
| + | <a href="#" class="buttons link-sort-list asc"><i class="icon-asc"></i>Asc</a> | ||
| + | <a href="#" class="buttons link-sort-list desc"><i class="icon-desc"></i>Desc</a> | ||
| + | |||
</html> | </html> | ||
