Changeset 2078

Show
Ignore:
Timestamp:
31-10-11 17:18:13 (2 years ago)
Author:
tjeerd@…
Message:

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

Location:
trunk
Files:
2 modified

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}