Использование Javascript в таблице HTML? - PullRequest
Новая
       9

Использование Javascript в таблице HTML?

0 голосов
/ 06 апреля 2010

Несколько вопросов, просто интересно, может ли кто-нибудь помочь?

У меня есть таблица с ОДНОЙ длинной строкой (1000 пикселей) и одним столбцом, как мне создать метод, при котором, когда курсор мыши находится на крайней левой стороне ячейки, переменная, скажем, X установлена до 0, дальше вправо курсор мыши перемещается в ячейке, значение X увеличивается.

Я знаю, что это звучит странно, но я работаю над проектом, в котором требуется этот тип функциональности.

Существует ли метод Javascript для создания этой функции?

1 Ответ

0 голосов
/ 06 апреля 2010

Есть ли метод javascript для создания эта функция?

Да, в JavaScript есть вещи, которые могут делать то, что вы хотите. По сути, вам нужно поместить событие «onmousemove» на ваш стол. Следующее будет работать для Firefox и 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>

Я оставлю исправление для Internet Explorer в качестве упражнения. Кроме того, бит смещения требует некоторой работы. Во всяком случае, это просто для иллюстрации идеи.

...