Hiding 'insert' curson when hovering over text

Giganews Newsgroups
Subject: Hiding 'insert' curson when hovering over text
Posted by:  paul.marquar…@mortgagefamily.com (Paul M.)
Date: 24 Jul 2003

Hi,
  This might be more of an HTML question, but I'm encountering it via
a javascript function. I'm trying to do rollovers without using
images. Here's some of the code:

<script type="text/javascript">
  var previousBgColor;
  var previousTextColor;
  function mouseOver(obj)
  {
    previousTextColor = obj.style.color;
    previousBgColor = obj.bgColor;
    obj.style.color='#9999ff';
    obj.bgColor='#99cc66';
  }
  function mouseOut(obj)
  {
    obj.style.color = previousTextColor;
    obj.bgColor = previousBgColor;
    //alert(previousBgColor);
  }
  function goHref(link)
  {
    window.location='/index.html?category=' + link;
  }
</script>

Here's how I call it in the <body>

<table ...>
  <tr>
    <td id="computers" class="navbarTop" bgcolor="#9999ff" width="25%"
      onmouseover="mouseOver(this)"
      onmouseout="mouseOut(this)"
      onclick="goHref('computers')">Computers</td>
  </tr>
  ...more of the same
</table>

from the external CSS:
..navbarTop {
    color: blue;
    font-weight: bold;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

All of this works OK-- colors change, links are followed, except when
I float the mouse over the actual text of the <td> (not the
background), it turns into an 'insert' cursor. Is there a way to
disable the insert cursor or to use an element which doesn't show an
insert cursor when hovering over text? I don't want to have to use
images, as much of the page is dynamic and I also don't have time to
make custom images. Thanks for any help.

Paul

Replies