Replies

• 28.vivek.s Posts: 69Questions: 0Answers: 0

  January 2011 edited January 2011

  try something like this....
  
  [code]
  #ResultsTable tr.even:hover{
  background-color: #cccccc;
  }
  
  #ResultsTable tr.odd:hover{
  background-color: #cccccc;
  }
  [/code]
  Regards,
  Vivek
• Ralf Posts: 4Questions: 0Answers: 0

  January 2011

  Hi Vivek,
  does not work. It is principle the same as in the example
  [code]
  ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  background-color: #ECFFB3;
  }
  
  .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  background-color: #E6FF99;
  }
  [/code]
  
  It definitely works after adding the entry in the header, unfortunately, with the effect the website look bad, .
  [code]http://www.w3.org/TR/html4/strict.dtd[/code]
  
  Greetings Ralf
• ale Posts: 3Questions: 0Answers: 0

  January 2011 edited January 2011

  If ur using jQuery UI you can use this to use UI hover styles:
  [code]
  $("#DATATABLE_TABLE tbody tr").each(function(){
  $(this).mouseover(function(){
  $(this).addClass("ui-state-hover");
  }).mouseout(function(){
  $(this).removeClass("ui-state-hover");
  });
  });
  [/code]
• Ralf Posts: 4Questions: 0Answers: 0

  January 2011

  Hallo,
  
  with or without UI, the same effect: No highlightning
  
  The function is OK, the alert shows the right id ...
  [code]
  $("#myDataTable tbody tr").each(function(){ $(this).mouseover(function(){
  alert($(this).attr('id'));
  $(this).addClass("ui-state-hover");
  }).mouseout(function(){
  $(this).removeClass("ui-state-hover");
  });
  [/code]
  
  With the link in the docType definition it works ...
  
  Ralf
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  January 2011

  The problem here is the browser - IE6 will only support :hover on A tags. So doing tr:hover isn't going to help in IE6 I'm afraid. In all other browsers it works great - but if you must support IE6 in IE5 mode, then Javascript is the only way to go.
  
  I'd suggest using live() events for your mouse over (also don't bother with the 'each' jQuery does that for you, so it's faster without).
  
  Allan
• Ralf Posts: 4Questions: 0Answers: 0

  January 2011

  I just found out that the code (5.th message) works when I write following to the css file
  [code]
  .hell {
  background-color: #ECFFB3 !important;
  }
  [/code]
  The Problem is that the 'sorted' cells (td's) will not be highlightet.
  
  Ralf