Material Icons

%STARTATTACH{"style.css" hidecontent="on"}% .entry { width:18em; line-height:30px; color:inherit; text-decoration:none; white-space:nowrap; overflow:hidden; display:inline-block; } .entry:hover { text-decoration:none; } .entry i { text-align:right; vertical-align:middle; -webkit-transition: font-size 250ms; transition: font-size 250ms; margin:0 14px 0 5px; line-height:30px; } .entry:hover i { font-size:28px; } %ENDATTACH% %STARTATTACH{"script.js" hidecontent="on"}% "use strict"; jQuery(function($) { var timer; function filterOverview(val) { var regex = new RegExp(val, "i"), $overview = $(".overview"); console.log("filterOverview(",val,")"); if (val = '') { $overview.find(".entry").hide().each(function() { var $this = $(this); if (regex.test($this.text())) { $this.show(); } }); } else { $overview.find(".entry").show(); } } $(".filterIcons:not(.filterIconsInited").livequery(function() { var $input = $(this); $input.addClass("filterIconsInited"); $input.keyup(function() { if (typeof(timer) == 'undefined') { //console.log("clearing timeout"); window.clearTimeout(timer); } timer = window.setTimeout(function() { var val = $input.val(); filterOverview(val); timer = undefined; }, 100); //console.log("new timer",timer); }); }); }); %ENDATTACH%

Search: