show more show less added.

@@ -43,6 +43,23 @@
 
 
 <script>
 <script>
 
 
+function read(obj,sno){
+	   if($(obj).hasClass("less")) {
+           $(obj).removeClass("less");
+           $(obj).html('<font style="color:#33ccff;cursor:pointer;">showmore</font>');
+           $("#text_"+sno).css('display','none !important');
+           $("#moreellipses_"+sno).css('display','block');
+       } else {
+           $(obj).addClass("less");
+           $(obj).html('<font style="color:#33ccff;cursor:pointer;">showless</font>');
+           $("#text_"+sno).css('display','block !important');
+           $("#moreellipses_"+sno).css('display','none');           
+       }
+       $(obj).parent().prev().toggle();
+       $(obj).prev().toggle();
+       return false;
+}
+
 var log_DataTable = "";    
 var log_DataTable = "";    
  	log_DataTable = $('#view_logs_entries_table').DataTable({
  	log_DataTable = $('#view_logs_entries_table').DataTable({
 		    	  dom: 'lBfrtip',
 		    	  dom: 'lBfrtip',
@@ -53,9 +70,32 @@ var log_DataTable = "";
 		        		"emptyTable":  "No records found."
 		        		"emptyTable":  "No records found."
 		    		},
 		    		},
 		    	  "columns": [
 		    	  "columns": [
-		              { "data": "sno" },
+		              { "data": "sno", 
+			             "render": function( data, type, full) {
+			    	      	    s_no = data;
+			    	      	    return data;
+			    	      }
+		    	      },
 		              { "data": "name" },
 		              { "data": "name" },
-		              { "data": "log" }
+		              { "data": "log",
+		              	"render": function( data, type, full) {
+							 var showChar = 150;
+			                 var ellipsestext = "..... ";
+			                 var moretext = '<font style="color:#33ccff;cursor:pointer;">showmore</font>';
+			                 var lesstext = '<font style="color:#33ccff;cursor:pointer;">showless</font>';
+			                 var contentt = JSON.stringify(data);
+			                 var content = contentt.replace(/["]+/g, '').substring(0, contentt.length-1);
+
+                 			 if(content.length > showChar) {
+								var c = content.substr(0, showChar);
+                         		var h = content.substr(showChar, content.length - showChar);
+								var html = c + '<span class="moreellipses_'+s_no+'">' + ellipsestext+ "</span><span class='morecontent'><span id='text_"+s_no+"' style='display:none;'>" + h + "</span>&nbsp;&nbsp;<a onclick='read(this,"+s_no+")'"+" class='morelink'>" + moretext + "</a></span>"; //here call the read() function
+                                return  html.toString();
+
+                     		 }
+                     		 return data;
+                          }
+                       }
 		          ]
 		          ]
 	});
 	});