Thread: How do you create a cursor "hand" with Cell HTML?

Hi fellow VodaHostians,

I want to cause the mouse to show the little hand status when I hover over a table cell and I want to use the Cell HTML for that. Does anybody know the code for that? I know how to hyperlink a cell using Cell HTML and I don't want to use the standard text hyperlinking. Your assistance would be greatly appreciated.

You can change the cursor that shows using css

style="cursor: pointer;"

That may or may not work with BV because it may have its own style attribute in the same html tag your are wanting to add it to. A javascript solution possible at that point though.

Originally Posted by Watdaflip

You can change the cursor that shows using css

style="cursor: pointer;"

That may or may not work with BV because it may have its own style attribute in the same html tag your are wanting to add it to. A javascript solution possible at that point though.

Thanks Watdaflip,
It works perfectly. I have used Inside Tag, Is that correct? Now I have some work to do.

Originally Posted by Tom vR

I have used Inside Tag, Is that correct?

I can't say for sure as I don't use BV, but since its working I would assume so.

Originally Posted by Watdaflip

You can change the cursor that shows using css

style="cursor: pointer;"

That may or may not work with BV because it may have its own style attribute in the same html tag your are wanting to add it to. A javascript solution possible at that point though.

Hi Watdaflip,
Sorry lol, I was too quick on the draw earlier. The code works in preview, but not when published. Any other suggestions?

The code will usually work in IE but not FF.

I've never had any problems with it working with FF, it may not work with FF on certain tags (I only force the cursor to change on links).

Make sure that the tag you are inserted it on doesn't have two style.

Try using this javascript code, with an "onload" event

Code:

<script type="text/javascript">
function changeCursor(id)
{
     document.getElementById(id).style.cursor = pointer;
}
</script>

onload="changeCursor('id_for_html_tag');"

changing the green text to the id of the html tag. This may help if the problem is a redefinition of the style attribute.