нужна помощь, Java

[daniloff]

Есть карта

[POSTS=10]
<map name="FPMap0">
<area href='buy/kiev/" shape="polygon" coords="251, 49, 251, 58, 256, 72, 262, 75, 267, 75, 274, 87, 292, 84, 296, 96, 287, 111, 282, 116, 278, 109, 268, 131, 256, 140, 252, 136, 244, 142, 239, 141, 231, 146, 226, 147, 221, 130, 221, 122, 225, 112, 227, 100, 224, 89, 220, 82, 220, 76, 221, 66, 219, 59, 216, 55, 220, 46, 227, 41, 242, 40">
<area href="buy/ch/" shape="polygon" coords="252, 48, 251, 37, 252, 27, 262, 16, 271, 15, 276, 12, 290, 11, 296, 15, 303, 5, 314, 4, 324, 3, 328, 3, 333, 13, 328, 21, 324, 25, 328, 36, 322, 46, 324, 63, 329, 80, 320, 92, 307, 92, 300, 93, 294, 87, 289, 84, 281, 87, 272, 81, 266, 74, 262, 73, 255, 60, 251, 44, 250, 42, 252, 38, 253, 37">
<area href="buy/chmel/" shape="polygon" coords="154, 84, 161, 98, 169, 106, 169, 123, 173, 135, 171, 144, 163, 148, 162, 155, 159, 171, 148, 169, 139, 174, 135, 177, 127, 169, 125, 160, 124, 150, 127, 137, 127, 123, 125, 111, 130, 100, 137, 88, 149, 81">
<area href="buy/dn/" shape="polygon" coords="470, 137, 479, 155, 490, 172, 500, 185, 510, 185, 508, 194, 505, 193, 506, 200, 502, 203, 495, 204, 494, 207, 489, 213, 492, 219, 490, 224, 485, 229, 476, 230, 470, 233, 465, 236, 454, 243, 450, 238, 447, 225, 452, 220, 449, 214, 443, 211, 434, 201, 433, 190, 439, 187, 441, 179, 437, 167, 433, 159, 444, 156, 455, 144, 462, 138">
<area href="buy/cm/" shape="polygon" coords="353, 278, 381, 289, 384, 296, 393, 303, 395, 312, 405, 321, 417, 314, 424, 314, 432, 307, 445, 308, 441, 317, 438, 329, 421, 328, 407, 331, 399, 335, 395, 338, 383, 341, 377, 350, 370, 358, 359, 362, 349, 353, 346, 348, 351, 339, 353, 330, 342, 326, 335, 323, 326, 319, 319, 317, 332, 304, 355, 292, 352, 286, 348, 281">
</map>
<img src="/pbg/map_ukraine.gif" border="0" usemap="#FPMap0">
[/POSTS]

рядом с картинкой текст.

Как сделать так, чтобы при наведении на область карты, указанной в map, текст выделялся красным цветом.

Может есть схожие решения.

 

[[Гилыч]]

<map name="FPMap0">
<area rel="kiev" href='buy/kiev/" shape="polygon" coords="251, 49, 251, 58, 256, 72, 262, 75, 267, 75, 274, 87, 292, 84, 296, 96, 287, 111, 282, 116, 278, 109, 268, 131, 256, 140, 252, 136, 244, 142, 239, 141, 231, 146, 226, 147, 221, 130, 221, 122, 225, 112, 227, 100, 224, 89, 220, 82, 220, 76, 221, 66, 219, 59, 216, 55, 220, 46, 227, 41, 242, 40">
</map>
<img src="/pbg/map_ukraine.gif" border="0" usemap="#FPMap0">
<p class="kiev">Киев - столица Украины.....</p>

<style>
.kiev {
color: #000000;
}
.hover {
color: #ff0000;
}
</style>

jQuery вариант для текста которому дан класс такой же как и в атрибуте rel у area

$(document).ready(function(){
       $("area").hover(
              function(){ var rel = $(this).attr("rel"); $("p."+rel).addClass("hover");},
              function(){ var rel = $(this).attr("rel"); $("p."+rel).removeClass("hover");}
        );
});

 

[Fabianio]

А это разве не javascript?

 

[[Гилыч]]

ну вроде того )) это jQuery (ajax) - javascript но упращенный для работы )) решение кстати я проверил у себя на хосте - работает нормально