Опытный
Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия
Репутация: нет
Всего: нет
|
Доброго времени суток! Появилась небольшая проблема с отображением интерактивной карты в IE. Сама карта отображается в модальном окне. При наведении на область происходит выделение ее границ. Первоначально была проблема еще и с Opera(не происходило выделение области), но ее удалось решить. Firefox и Chrome ведут себя отлично. Но вот побороть IE никак не выходит.  Отображение в Opera, Firefox и Chrome   Отображение в IE 8,9  Используется для вызова модального окна jQuery | Код |
<script type="text/javascript">
$(document).ready(function() {
$('div.modal').click(function() {
var modalid = $(this).attr('rel');
$('#' + modalid).fadeIn(600);
$('#fadebody').fadeIn(600);
var topm = ($('#' + modalid).height() + 10) / 2;
var leftm = ($('#' + modalid).width() + 10) / 2;
$('#' + modalid).css({
'margin-top' : -topm,
'margin-left' : -leftm
});
$('#fadebody, .close').click(function() {
$('#fadebody , .modalbox').fadeOut(600)
return false;
});
});
$('#p1').maphilight();
});
</script>
<div rel="modal1" class="modal"><img src="/images/strana.png" alt="Ваш регион" title="Выберите Ваш регион" align="left" border="none" /><strong>Ваш регион:</strong><br/>Нижний новгород</div>
<div class="modalbox" id="modal1">
<img id="p1" src="/images/russia-3.gif" width="570" height="395" border="0" usemap="#map" />
<map name="map">
<area shape="poly" coords="183,198,186,195,188,193,188,189,189,186,190,185,192,182,193,180,193,177,196,175,199,176,202,176,202,174,206,173,208,171,210,170,214,168,218,167,221,165,223,164,223,160,223,154,222,150,222,147,218,144,217,143,214,143,214,141,214,138,213,137,212,135,210,134,208,134,209,139,211,142,211,145,211,149,209,150,207,151,205,152,204,151,206,149,207,148,206,146,202,146,200,145,197,145,193,145,193,146,191,145,190,144,192,143,194,142,196,141,194,140,193,138,190,138,189,140,188,141,185,140,181,139,176,140,173,140,171,142,169,142,168,142,167,140,168,138,168,135,170,135,172,137,173,135,173,129,167,124,168,130,164,132,162,135,161,136,161,140,157,140,157,137,154,135,152,135,148,136,144,138,142,141,139,140,137,137,136,134,135,133,133,135,132,137,133,139,132,140,129,140,129,138,130,137,130,135,129,134,129,132,130,128,132,127,134,124,136,123,135,119,135,115,136,113,138,117,138,120,141,124,145,131,146,133,150,133,153,132,155,130,158,126,158,123,156,117,155,111,154,104,152,101,155,100,151,97,148,94,145,93,141,94,139,94,137,98,136,101,135,103,131,105,129,108,126,112,123,114,120,116,117,121,114,124,112,124,111,129,109,133,91,134,91,142,89,143,87,140,84,139,81,141,76,142,74,145,72,147,69,149,68,153,66,155,65,157,67,161,67,163,69,166,69,168,67,170,62,171,63,175,62,182,61,183,57,181,55,181,53,183,53,186,53,189,56,189,58,191,59,193,59,198,58,198,55,199,57,203,56,206,55,209,57,212,59,214,60,217,61,219,63,222,65,224,67,228,70,230,75,229,78,228,77,225,81,225,84,225,85,227,87,226,86,222,88,222,92,221,94,219,95,214,97,210,100,206,101,204,102,200,109,198,116,196,123,194,128,195,131,193,142,192,145,194,153,194,157,194,158,190,162,190,164,194,168,195,172,194,176,195,180,197,183,198" />
<area shape="poly" coords="183,198,182,204,178,207,174,210,174,214,174,219,171,220,170,222,167,223,165,224,164,226,162,227,159,229,160,232,161,233,164,234,166,234,166,238,162,238,159,239,158,240,158,243,161,244,163,245,161,247,158,248,156,249,154,254,154,258,156,261,160,263,156,264,158,266,159,271,159,274,157,276,153,272,150,272,148,271,147,268,146,266,143,266,140,264,136,264,133,263,132,261,129,259,127,257,127,254,126,252,123,252,123,249,120,248,118,246,114,246,108,248,102,249,102,252,100,251,99,248,99,246,98,245,95,246,91,250,91,253,87,254,86,254,88,258,87,260,88,263,91,265,90,268,90,271,87,271,87,276,81,276,79,274,75,276,71,278,71,281,71,284,71,287,68,291,67,301,67,303,59,303,59,296,58,294,57,289,58,289,57,287,50,282,50,279,49,275,44,269,38,263,35,259,34,254,34,250,33,245,33,241,43,242,43,238,50,238,51,236,59,237,61,234,64,230,67,229,72,230,75,229,78,228,78,226,77,225,84,225,85,227,87,226,86,222,89,222,91,221,94,220,94,219,95,216,95,213,97,210,100,207,101,203,102,200,123,194,128,195,131,193,142,192,145,194,157,194,158,190,162,190,164,194,169,195,172,194,176,195,182,198,183,198" />
<area shape="poly" coords="223,153,228,159,231,161,233,157,231,154,228,150,228,146,232,147,232,137,236,136,240,132,243,128,247,130,250,132,248,135,246,138,246,144,245,148,244,154,242,158,244,163,244,166,238,172,234,174,230,174,229,172,228,175,232,179,236,179,240,178,244,172,247,168,248,164,248,162,251,164,252,167,252,172,255,175,258,174,259,172,257,171,257,168,256,163,255,160,253,159,250,158,246,158,247,152,250,149,251,144,250,140,253,137,254,132,255,139,255,144,258,146,259,145,259,140,260,138,260,134,264,133,265,136,267,139,272,144,271,148,271,151,270,155,274,153,274,141,271,139,270,135,268,132,268,128,282,128,282,119,286,115,291,112,297,110,299,109,303,109,307,107,308,104,312,104,312,101,311,98,312,95,314,93,320,94,320,97,321,98,321,101,325,100,332,100,335,102,338,108,338,110,331,120,326,129,333,126,335,122,335,119,339,119,341,120,345,120,351,118,353,117,355,119,362,118,364,116,363,112,363,109,369,107,376,108,375,112,374,116,381,117,389,121,390,113,396,111,400,106,403,105,404,103,400,100,399,97,401,93,405,91,408,89,411,89,413,85,417,83,420,84,420,86,424,86,425,83,434,83,434,76,441,70,444,71,449,73,455,72,454,66,456,62,459,58,461,55,465,55,467,53,468,50,466,48,462,47,460,45,465,42,467,39,467,33,472,30,487,19,489,15,492,15,498,15,499,14,499,11,497,10,500,6,503,3,505,2,507,6,508,9,507,11,510,11,514,13,518,12,512,21,506,22,504,26,503,29,497,28,498,33,502,33,505,36,505,38,503,42,503,45,504,49,509,42,511,42,513,43,517,42,520,40,524,42,523,46,522,47,522,63,526,73,530,81,522,83,521,90,522,94,520,95,522,99,520,101,520,105,528,114,531,112,536,115,540,115,542,119,539,120,541,123,544,126,549,128,548,131,546,134,549,138,553,142,554,143,552,145,555,149,556,153,558,156,558,159,559,163,555,162,540,154,531,150,527,146,524,140,519,135,519,128,518,121,515,114,513,108,513,100,510,97,506,93,504,92,503,89,500,89,501,95,504,98,506,100,506,105,507,110,503,110,500,105,500,108,496,110,495,114,496,120,498,127,500,131,503,132,505,132,504,136,501,138,502,142,499,146,497,146,497,141,496,141,492,143,490,148,489,152,487,153,482,159,477,163,474,166,474,171,474,181,475,186,474,196,473,200,471,206,471,212,476,212,478,209,479,214,482,214,483,211,487,211,486,206,486,205,490,203,498,206,503,210,506,214,506,218,512,225,517,232,520,236,519,245,521,251,522,258,522,266,522,287,517,292,514,293,510,292,508,292,508,296,508,299,505,299,504,293,503,290,501,287,499,284,499,281,503,279,504,279,504,271,503,265,501,261,500,256,497,254,494,256,493,259,492,263,489,265,486,267,483,265,481,263,478,261,474,262,471,263,467,262,464,263,460,262,458,260,454,256,451,253,447,251,443,246,436,248,429,251,425,254,423,259,423,260,425,260,427,263,426,266,426,272,427,282,424,284,421,287,413,288,406,286,403,290,399,295,396,298,393,299,386,301,380,302,376,301,374,299,369,299,362,298,358,299,354,301,351,301,348,300,346,296,346,293,338,293,334,292,330,290,330,293,329,295,328,299,330,302,330,304,329,307,325,309,312,309,312,307,309,304,307,305,303,305,301,303,296,305,290,308,287,312,283,312,280,314,277,315,275,313,273,310,270,311,267,310,266,308,266,305,263,305,260,300,256,300,251,300,249,297,246,296,244,298,242,295,239,288,237,283,236,277,234,275,232,273,234,271,230,270,226,270,224,273,221,274,218,273,218,271,220,269,214,267,213,265,207,266,210,263,210,259,207,256,204,256,201,255,196,256,189,255,185,256,183,257,180,254,172,255,170,254,165,255,165,258,167,261,163,261,161,263,158,262,156,261,155,259,154,258,154,255,154,253,155,250,157,249,159,248,161,247,163,245,162,244,160,244,158,243,158,241,159,239,161,238,166,238,166,234,163,233,160,232,159,229,162,227,165,225,167,223,170,222,172,220,174,219,174,210,182,204,183,198,188,193,188,188,191,184,193,180,193,178,193,177,196,175,199,176,201,176,202,174,205,173,208,171,213,168,216,167,218,167,221,165,223,164,223,153" />
<area shape="poly" coords="87,275,92,275,101,276,103,279,107,282,107,284,106,287,103,290,104,294,100,292,97,290,95,288,93,290,93,294,89,291,86,290,85,290,85,294,88,295,87,299,87,302,88,306,90,310,88,311,86,311,86,317,87,318,89,316,92,315,94,317,95,323,96,327,91,327,89,325,88,323,85,322,83,323,82,325,83,328,84,330,83,332,81,332,81,334,83,337,83,339,80,341,78,346,77,348,79,349,81,348,84,348,89,348,92,349,98,351,98,354,105,361,107,368,109,371,112,373,112,376,112,382,113,384,116,384,117,388,120,387,123,385,125,384,129,385,134,384,135,381,137,379,138,378,143,378,145,381,148,382,151,383,151,385,154,385,155,387,159,386,161,385,162,388,164,386,167,384,169,386,171,383,173,381,175,381,176,385,178,386,177,389,177,394,185,393,187,391,189,394,199,394,199,389,199,386,198,384,194,384,193,382,193,377,196,374,201,372,208,372,210,372,212,372,214,371,223,370,232,365,236,363,235,358,238,357,240,356,238,351,238,346,238,342,241,341,247,341,251,343,252,342,251,338,251,335,254,333,255,330,258,329,263,331,268,330,269,329,270,320,274,316,278,316,275,313,273,309,270,311,268,310,267,310,266,308,266,305,264,305,262,304,261,300,251,300,250,298,249,297,247,296,245,296,245,298,241,294,239,287,236,281,235,276,232,272,234,271,229,270,225,270,225,272,223,273,222,273,221,274,218,273,218,272,218,270,219,269,217,268,212,265,207,266,209,263,210,262,210,259,209,257,207,256,204,255,201,255,197,256,193,256,191,255,188,255,184,256,183,257,179,254,176,255,172,255,170,254,168,255,165,255,165,258,167,261,164,261,162,263,159,263,156,264,158,268,159,272,159,274,158,276,154,274,152,272,148,272,147,270,147,268,145,266,143,266,139,264,137,264,134,264,133,263,131,261,129,259,127,257,127,255,126,252,123,252,123,249,120,248,119,247,117,246,114,246,110,247,107,248,103,248,102,250,102,252,100,250,99,249,99,246,98,245,94,246,93,248,91,250,91,252,88,254,86,254,88,258,87,259,88,262,88,264,91,265,90,268,90,271,87,272,87,275" />
</map>
<div class="close"><img src="/images/gtk-close_1167.png" alt="Закрыть" title="Закрыть" /></div>
</div>
<div id="fadebody"></div>
|
Подскажите пожалуйста как можно решить проблему? Это сообщение отредактировал(а) s1lver - 15.4.2013, 12:38 --------------------
Я собрался жить вечно - пока все идет нормально! |
Вездесущий осел опять безобразничает 
Загрузка ...
