<a id="toggle" href="#">toggle</a>
<a id="none" href="#">none</a>
-<label for=filter_regex>regex:
-<input type=text name=filter_regex>
-<span class=hint>tab or click outside to apply</span>
+<label for=filter_regex>
+<input type=text name=filter_regex title="enter regex to filter values" placeholder="regex">
<a id="included" href="#" style="display:none">included</a>
<a id="excluded" href="#" style="display:none">excluded</a>
</label>
// regex for column names
-var apply_regex = function(e) {
- console.debug( this, e );
- var r = new RegExp( this.value ,'i');
+var filter_regex = function(user_regex) {
+
+ if ( user_regex == '' ) return false;
+
+ var r = new RegExp( user_regex,'i');
var included = 0;
var excluded = 0;
$("input[type='checkbox']:not([disabled='disabled'])").each( function(i,element){
$('a#included').text(included).show();
$('a#excluded').text(excluded).show();
- return false;
+
+ console.debug('filter_regex',included,excluded);
};
$('input[name=filter_regex]')
-.focusout( apply_regex )
+.focusout( function(e) { filter_regex( this.value ) } )
.keypress( function(e) {
// disable enter
var code = e.keyCode ? e.keyCode : e.which;
//console.debug('key code',code);
if ( code == 13 ) {
- return apply_regex(e);
+ filter_regex( this.value );
+ return false;
} else {
return true;
}