[Psychosonic]

Добрый день! Подскажите как реализовать через JS следующую задачу.
Я сформулирую как для себя-чайника, чтобы проще было понять суть.
К примеру есть поле 10x10 для игры в морской бой (таблица1) и список кораблей на этом поле (таблица2). Во второй таблице перечень того, что находится на первой. Можно ли сделать так, чтобы при наведении к примеру на строку (Корабль 4 палубы) на карте загорались 4 ячейки, а при наведении в таблице 2 на корабль 3 палубы в таблице 1 загорались 6 ячеек, в зависимости от того, где на карте они будут расположены? Или дайте пожалуйста ссылку на любой сайт, на котором данный пример реализован. Мне нужно сделать не морской бой, поэтому это лишь пример, дабы объяснить вам, что я собственно ищу. Заранее благодарю.