Changing row class when selecting a row with jquery

main/css/base.css

@@ -4007,12 +4007,12 @@ input.liteoption {
 .row_selected { 
     border-color: #478ced #1f6fe2 #1f6fe2; 
     background-color: #2d7ceb; 
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#2d7ceb), to(#2978e6)); 
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), to(#FFFFCC)); 
     background-image: -webkit-linear-gradient(top, #2d7ceb, #2978e6); 
-    background-image: -moz-linear-gradient(top, #2d7ceb, #2978e6); 
-    background-image: -ms-linear-gradient(top, #2d7ceb, #2978e6); 
-    background-image: -o-linear-gradient(top, #2d7ceb, #2978e6); 
-    background-image: linear-gradient(top, #2d7ceb, #2978e6); 
+    background-image: -moz-linear-gradient(top, #FFFFCC, #FFFFCC); 
+    background-image: -ms-linear-gradient(top, #FFFFCC, #FFFFCC); 
+    background-image: -o-linear-gradient(top, #FFFFCC, #FFFFCC); 
+    background-image: linear-gradient(top, #FFFFCC, #FFFFCC); 
     /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2d7ceb', EndColorStr='#2978e6');*/ 
     -moz-box-shadow: 0px 0px 0px transparent; 
     -webkit-box-shadow: 0px 1px 0px transparent; 
@@ -4020,10 +4020,8 @@ input.liteoption {
 }
 
 .row_selected a,  .row_selected .invisible, .row_selected td {
-    color: #FFFFFF !important;
-}    
-
-
+    /* color: #FFFFFF !important; */
+}
 
 .data_table_exercise_result, .data_table_exercise_result_left {
     border-collapse: collapse;

main/document/create_document.php

@@ -392,7 +392,7 @@ if (api_get_setting('use_document_title') == 'true') {
 $current_session_id = api_get_session_id();
 
 // HTML-editor
-$renderer->setElementTemplate('<div class="row"><div class="label" id="frmModel" style="overflow: visible;"></div><div class="formw">{element}</div></div>', 'content');
+$renderer->setElementTemplate('<div class="row"><div class="label" id="frmModel" style="overflow: visible;"></div><div class="formw">{element}</div></div><div class="clear"></div>', 'content');
 
 $form->add_html_editor('content','', false, false, $html_editor_config);
 
@@ -405,8 +405,7 @@ $folders = DocumentManager::get_all_document_folders($_course, $to_group_id, $is
 if (!$is_certificate_mode && !is_my_shared_folder($_user['user_id'], $dir, $current_session_id)) {
 	$folders = DocumentManager::get_all_document_folders($_course, $to_group_id, $is_allowed_to_edit);
 	
-	//$parent_select -> addOption(get_lang('HomeDirectory'), '/');
-	$parent_select = $form->addElement('select', 'curdirpath', get_lang('DestinationDirectory'));
+	$parent_select = $form->addElement('select', 'curdirpath', array(null, get_lang('DestinationDirectory')));
 	
 	// Following two conditions copied from document.inc.php::build_directory_selector()
 	$folder_titles = array();

main/document/document.php

@@ -465,6 +465,9 @@ foreach ($docs_and_folders  as $file) {
  
 $htmlHeadXtra[] = '<script type="text/javascript">
 $(document).ready( function() {
+    
+
+    
 	   /*
     $(".yoxview").yoxview({ 
         lang: "'.$lang_yoxview.'",

main/inc/footer.inc.php

@@ -178,6 +178,15 @@ if (api_is_platform_admin()) {
 <script>
 $(document).ready( function() {
 	$(".chzn-select").chosen();
+	
+	$("form .data_table input:checkbox").click(function() {
+        if ($(this).is(":checked")) {
+            $(this).parentsUntil("tr").parent().addClass("row_selected");
+            
+        } else {
+            $(this).parentsUntil("tr").parent().removeClass("row_selected");
+        }    
+    });
 });
 </script>
 </body>

main/template/default/layout/footer.tpl

@@ -24,6 +24,17 @@
 <script>
 $(document).ready( function() {
     $(".chzn-select").chosen();
+    
+    $("form .data_table input:checkbox").click(function() {
+        if ($(this).is(":checked")) {
+            $(this).parentsUntil("tr").parent().addClass("row_selected");
+            
+        } else {
+            $(this).parentsUntil("tr").parent().removeClass("row_selected");
+        }    
+    });
+    
+    
 });
 </script>
 {/literal}