Hello,
I am trying to apply a tooltip, change to italic and change to bold when a mouseover occurs over a data item within a cell within 1 column. I do not want the data item to change if my pointer is in the cell unless the pointer is over the data item. So, it is not a cell attribute. It is a style I want to set on the data item. I have tried putting a <span tag around the data item
cell = new Element(“cell”);
cell.addContent("" + cellItem + “”);
with a title for tooltip and css class for the hover. But this does not work. Can’t seem to reference a css class
I tried setting attributes “title” and “style” but does not work. Does not seem to recogonize the css class and title does not work.
cell.setAttribute(“style”,“className=‘className=deep_link’”);
cell.setAttribute(“title”,“Click to open document”);
I tried the mouseover
cell.setAttribute(“onmouseover”, “function() { " +
“var cellValue = cellItem” +
“if (cellValue == “N” || cellValue == “Y”){ " +
" cell.style.cursor=“hand”;” +
" cell.style.fontWeight=“bold”;” +
" cell.style.fontStyle=“italic”; " +
" cell.setAttribute(“title”,“Click to open document”);" +
“}” +
"} "
);
and it doesn’t work.
Any suggestions on how to apply a css class to a data item?
Thank You