make column selection options at fixed position

[MojoFacets.git] / templates / all_checkboxes.html.ep

diff --git a/templates/all_checkboxes.html.ep b/templates/all_checkboxes.html.ep
index a65506b..89991e3 100644 (file)
--- a/templates/all_checkboxes.html.ep
+++ b/templates/all_checkboxes.html.ep
@@ -1,3 +1,4 @@
+<span id=column_selection>
 <a id="all"  href="#">all</a>
 <a id="toggle" href="#">toggle</a>
 <a id="none" href="#">none</a>
@@ -8,6 +9,7 @@
 <a id="included" href="#" style="display:none">included</a>
 <a id="excluded" href="#" style="display:none">excluded</a>
 </label>
+</span>
 
 
 <script type="text/javascript">
@@ -57,17 +59,21 @@ function update_checked_count(full) {
 
 $("input[type='checkbox']").bind( 'click', update_checked_count );
 
+var toggle_checkbox = function() {
+               this.checked = ! this.checked;
+};
+
 $('a#included').click( function(){
-    $("label.included input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
+    $("label.included input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
        update_checked_count(1);
 });
 
 $('a#excluded').click( function(){
-    $("label.excluded input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
+    $("label.excluded input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
        update_checked_count(1);
 });
 
-$('input[name=filter_regex]').change( function(e) {
+$('input[name=filter_regex]').focusout( function(e) {
        console.debug( this, e );
        var r = new RegExp( this.value ,'i');
        var included = 0;