Changeset 2078


Ignore:
Timestamp:
Oct 31, 2011, 5:18:13 PM (5 years ago)
Author:
tjeerd@…
Message:

Live-search was only working in FF, now it is in more browsers

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/visualize/index.gsp

    r2073 r2078  
    5858                            <div class="block_search">
    5959                                <img src="${fam.icon( name: 'magnifier' )}" alt="search"/>:
    60                                 <input type="text" onKeyUp="doSearch('menu_study');" />
    61                                 <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_study');" alt="clear search"/>
     60                                <input type="text" onKeyUp="doSearch('menu_study','study');" />
     61                                <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_study','study');" alt="clear search"/>
    6262                            </div>
    6363                        </p>
     
    145145                            <div class="block_search">
    146146                                <img src="${fam.icon( name: 'magnifier' )}" alt="search"/>:
    147                                 <input type="text" onKeyUp="doSearch('menu_column');" />
    148                                 <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_column');" alt="clear search"/>
     147                                <input type="text" onKeyUp="doSearch('menu_column','columns');" />
     148                                <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_column','columns');" alt="clear search"/>
    149149                            </div>
    150150                        </p>
     
    157157                            <div class="block_search">
    158158                                <img src="${fam.icon( name: 'magnifier' )}" alt="search"/>:
    159                                 <input type="text" onKeyUp="doSearch('menu_row');" />
    160                                 <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_row');" alt="clear search"/>
     159                                <input type="text" onKeyUp="doSearch('menu_row','rows');" />
     160                                <img src="${fam.icon( name: 'cancel' )}" class="imgbutton" onClick="clearSearch('menu_row','rows');" alt="clear search"/>
    161161                            </div>
    162162                        </p>
  • trunk/web-app/js/visualization.js

    r2073 r2078  
    55var visType = null;
    66var openForm = null;
     7var selectCache = new Array();
    78
    89jQuery.expr[':'].Contains = function(a, i, m) {
     
    4344    });
    4445
     46    selectCache['study'] = $('#study').html();
     47
    4548   
    4649});
     
    9093                        strOptions += "</optgroup>";
    9194                        $( "#rows, #columns" ).html(strOptions);
     95                        selectCache['rows'] = $('#rows').html();
     96                        selectCache['columns'] = $('#columns').html();
    9297                    } else {
    9398                        $("#visualization").html('<div style="padding: 30px">No fields could be found. This visualization prototype requires studies with samples.</div>');
     99                        selectCache['rows'] = null;
     100                        selectCache['columns'] = null;
    94101                    }
    95102                       
     
    216223                        }
    217224                });
     225
     226                if($("#errorbars").attr("checked")=="checked" && returnData.series[ 0 ].error!=null) {
     227                    alert("Errorbars aren't implemented yet");
     228                }
    218229
    219230                // If no datapoints are found, return an error
     
    475486    $( '#message_counter' ).children(".topmenu_item_info").html($(".message_box").length);
    476487    if($(".message_box").length==0) {
    477         $( '#message_counter' ).children(".formulier").toggle();
    478         openForm = null;
     488        toggleForm('#message_counter', 'close');
    479489    }
    480490}
     
    496506}
    497507
    498 function doSearch(menuId) {
     508function doSearch(menuId, selectId) {
    499509    var searchVal = $('#'+menuId).find('.block_search').children('input').val();
    500     $('#'+menuId).find('option').hide();
    501     $('#'+menuId).find('option:Contains("'+searchVal+'")').show();
    502 }
    503 
    504 function clearSearch(menuId) {
    505     $('#'+menuId).find('option').show();
     510    $('#'+selectId).html(selectCache[selectId]);
     511    $('#'+selectId).find('option:not(:Contains("'+searchVal+'"))').remove();
     512}
     513
     514function clearSearch(menuId, selectId) {
     515    $('#'+selectId).html(selectCache[selectId]);
    506516    $('#'+menuId).find('.block_search').children('input').val('');
    507517}
Note: See TracChangeset for help on using the changeset viewer.