diff --git a/files/css/files.css b/files/css/files.css index 9e0361327d..a3d098b911 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -76,6 +76,7 @@ table { } tbody tr:hover, tbody tr:active { background-color:#eee; } +tbody tr.selected { background-color:#ccc; } tbody a { color:#000; } table td.filesize, table td.date diff --git a/files/js/files.js b/files/js/files.js index 2434fceff4..408bd6e48a 100644 --- a/files/js/files.js +++ b/files/js/files.js @@ -31,15 +31,19 @@ $(document).ready(function() { // Sets the select_all checkbox behaviour : $('#select_all').click(function() { - if($(this).attr('checked')) + if($(this).attr('checked')){ // Check all $('td.selection input:checkbox').attr('checked', true); - else + $('td.selection input:checkbox').parent().parent().addClass('selected'); + }else{ // Uncheck all $('td.selection input:checkbox').attr('checked', false); + $('td.selection input:checkbox').parent().parent().removeClass('selected'); + } }); $('td.selection input:checkbox').live('click',function() { + $(this).parent().parent().toggleClass('selected'); if(!$(this).attr('checked')){ $('#select_all').attr('checked',false); }else{