ansaurus

Question

Answer 1

A:

Is there a javascript method to create this feature?

Yes, there are things in JavaScript which can do what you want. Basically you need to put an "onmousemove" event on your table. The following will work for Firefox and Chrome:

<html>
<body>
<script>
function movedamouse (event)
{
var mytd = document.getElementById ("mytd");
myxpos = event.pageX;
mytext = document.createTextNode (myxpos);
while (mytd.firstChild)
mytd.removeChild (mytd.firstChild);
mytd.appendChild (mytext);
}
</script>
<table>
<tr>
<td>
bbaby
</td>
<td id="mytd" onmousemove="movedamouse(event)"
    style="width:1000px;background:chartreuse">
</td>
</tr>
</table>
</body>
</html>

I'll leave fixing this for Internet Explorer as an exercise. Also, the offset bit needs some work. Anyway this is just to illustrate the idea.

Kinopiko 2010-04-06 05:17:55

ansaurus

tags:

views:

answers:

Using javascript on an HTML table?

related questions