Witam, mam problem z odnośnikiem href="", wydaje mi się że jest to błąd w kodzie od skryptu ale jestem laikiem w tych sprawach, a sprawa jest banalna , ale nie dla mnie.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mapa</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="Description" content="" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Keywords" content="" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="styles.css">
<script type="text/javascript">
$(document).ready(function() {
$("area").hover(function() {
var href=$(this).attr("href");
$(href).fadeIn("fast");
}, function() {
var href=$(this).attr("href");
$(href).fadeOut("fast");
});
});
</script>
</head>
<body>
<div id="area">
<img id="map" usemap="#poland" src="mapa.png" />
<ul>
<li id="polska"><img src="polska.png" usemap="#poland" /></li>
<li id="tunezja"><img src="tunezja.png" usemap="#poland" /></li>
<li id="irlandia"><img src="irlandia.png" usemap="#poland" /></li>
<li id="usa"><img src="usa.png" usemap="#poland" /></li>
<li id="turcja"><img src="turcja.png" usemap="#poland" /></li>
<li id="francja"><img src="francja.png" usemap="#poland" /></li>
<li id="brazylia"><img src="brazylia.png" usemap="#poland" /></li>
<li id="niemcy"><img src="niemcy.png" usemap="#poland" /></li>
<li id="uk"><img src="uk.png" usemap="#poland" /></li>
<li id="argentyna"><img src="argentyna.png" usemap="#poland" /></li>
<li id="alaska"><img src="alaska.png" usemap="#poland" /></li>
<li id="pakistan"><img src="pakistan.png" usemap="#poland" /></li>
<li id="filipiny"><img src="filipiny.png" usemap="#poland" /></li>
<li id="portugalia"><img src="portugalia.png" usemap="#poland" /></li>
<li id="szwajcaria"><img src="szwajcaria.png" usemap="#poland" /></li>
<li id="wlochy"><img src="wlochy.png" usemap="#poland" /></li>
<li id="panama"><img src="panama.png" usemap="#poland" /></li>
<li id="australia"><img src="australia.png" usemap="#poland" /></li>
<li id="korea"><img src="korea.png" usemap="#poland" /></li>
<li id="gwinea"><img src="gwinea.png" usemap="#poland" /></li>
<li id="slowacja"><img src="slowacja.png" usemap="#poland" /></li>
<li id="bosnia"><img src="bosnia.png" usemap="#poland" /></li>
<li id="chorwacja"><img src="chorwacja.png" usemap="#poland" /></li>
<li id="meksyk"><img src="meksyk.png" usemap="#poland" /></li>
<li id="austria"><img src="austria.png" usemap="#poland" /></li>
<li id="rumunia"><img src="rumunia.png" usemap="#poland" /></li>
<li id="slowenia"><img src="slowenia.png" usemap="#poland" /></li>
<li id="indie"><img src="indie.png" usemap="#poland" /></li>
<li id="gruzja"><img src="gruzja.png" usemap="#poland" /></li>
<li id="izrael"><img src="izrael.png" usemap="#poland" /></li>
<li id="syria"><img src="syria.png" usemap="#poland" /></li>
</ul>
<map id="poland" name="poland" >
<area shape="poly" alt="polska" title="Polska" coords="711,117,713,119,714,118,716,118,716,117,717,118,716,118,716,119,726,119,727,118,728,118,729,119,729,121,728,121,730,121,730,123,730,124,731,123,731,125,730,125,731,126,730,127,729,128,730,129,731,128,730,130,732,130,732,132,733,132,733,136,731,137,730,136,730,137,729,138,729,140,729,141,726,140,724,141,724,140,719,139,718,140,714,140,712,140,711,140,709,138,710,136,707,136,705,137,705,137,706,136,704,135,702,136,701,136,698,134,698,134,698,131,698,129,699,128,697,128,697,127,698,126,698,123,696,123,696,120,700,120,703,118,706,117,709,117" href="#polska" target="_blank" />
<area shape="poly" alt="tunezja" title="Tunezja" coords="677,194,679,193,683,194,683,196,685,196,685,195,687,195,685,197,684,198,683,199,683,200,684,201,685,201,685,202,685,205,683,207,683,209,685,209,688,212,689,213,686,218,683,219,682,219,683,224,681,224,680,225,678,223,679,220,677,219,676,219,675,217,675,215,673,215,671,212,671,210,671,207,672,204,674,200,675,197,673,196,675,196" href="#tunezja" target="_blank" />
<area shape="poly" alt="irlandia" title="Irlandia" coords="612,131,611,129,610,129,611,126,611,126,612,125,613,124,613,123,614,122,612,121,611,121,611,120,611,118,613,118,614,118,615,118,617,117,618,116,619,115,620,115,620,116,620,118,622,118,622,118,623,118,624,119,623,119,625,120,625,121,623,122,623,124,624,127,623,128,622,128,619,128,615,130,613,131" href="#irlandia" target="_blank" />
<area shape="poly" alt="usa" title="USA" coords="198,142,297,142,299,140,303,142,308,144,312,144,305,151,310,151,314,151,321,147,323,147,320,150,325,151,333,152,333,155,323,155,313,163,311,171,313,172,317,169,321,161,329,157,334,157,330,162,332,163,335,165,330,171,329,174,331,175,337,173,345,168,346,165,352,167,358,162,364,159,371,158,377,158,382,154,387,149,394,148,394,154,392,156,394,158,383,164,375,167,373,171,376,173,368,175,362,179,359,179,360,181,353,188,352,187,351,190,348,193,346,194,346,189,345,199,331,209,322,216,317,221,316,225,317,235,318,243,314,248,310,243,308,237,310,231,305,226,299,227,295,224,290,222,284,225,283,229,277,230,273,227,270,225,263,228,253,234,249,238,248,243,244,244,241,240,239,235,237,231,234,227,230,229,226,231,223,227,222,224,221,221,217,219,212,220,200,220,196,220,187,215,182,214,178,214,176,210,172,208,169,204,168,197,167,193,169,191,165,187,167,183,167,178,170,174,174,166,178,161,183,156,186,149,189,143,193,143,193,148,197,145" href="#usa" target="_blank" />
<area shape="poly" alt="turcja" title="Turcja" coords="745,172,750,172,752,175,757,175,761,176,764,176,767,173,770,172,775,172,776,173,780,173,782,175,785,177,789,178,791,179,795,178,798,177,800,175,802,173,802,173,805,174,806,176,807,174,810,179,812,181,814,182,813,185,815,188,816,193,815,195,812,194,811,195,808,193,807,195,801,195,797,197,794,197,790,195,788,197,785,200,783,199,779,196,775,198,771,199,768,198,763,196,761,197,758,199,755,197,751,198,749,196,748,191,742,188,747,187,745,184,743,184,743,176,743,173" href="#turcja" target="_blank" />
<area shape="poly" alt="francja" title="Francja" coords="639,138,641,139,644,141,649,138,652,135,652,133,656,133,660,135,663,137,666,139,672,140,675,145,671,147,670,150,667,153,670,153,671,158,673,161,672,165,665,168,663,167,660,166,656,167,655,170,648,171,645,169,643,170,643,168,640,169,637,167,637,162,639,157,639,152,635,150,634,147,631,147,628,145,630,143,634,143,635,144,638,142,637,138" href="#francja" target="_blank" />
<area shape="poly" alt="brazylia" title="Brazylia" coords="360,353,365,358,371,356,375,354,371,344,377,344,386,340,392,341,390,347,391,354,393,356,398,353,403,353,407,351,416,352,420,351,425,345,429,352,430,356,428,363,422,368,423,370,432,363,437,364,438,367,434,370,431,370,433,372,443,368,448,368,455,372,455,377,457,375,471,376,476,376,480,381,486,385,493,388,497,396,494,402,491,407,487,412,484,419,482,419,480,423,480,428,477,451,471,465,465,466,461,465,455,470,444,477,446,485,444,492,441,495,439,504,433,512,427,505,416,500,413,495,420,487,425,483,422,476,419,472,415,466,406,462,404,455,402,449,405,445,402,439,399,434,394,433,391,429,390,424,380,420,374,419,369,414,367,408,361,408,355,413,350,412,348,405,342,407,336,402,333,394,335,390,338,384,347,380,350,381,352,371,349,363,350,360,351,355,354,355" href="#brazylia" target="_blank" />
<area shape="poly" alt="niemcy" title="Niemcy" coords="672,121,669,124,669,128,668,132,669,136,670,141,673,142,672,146,673,149,674,147,678,147,681,149,685,149,689,148,693,146,696,143,693,140,690,138,689,136,695,133,699,132,698,129,697,126,697,121,696,119,693,117,686,119,684,117,678,117,677,120,675,122" href="#niemcy" target="_blank" />
<area shape="poly" alt="uk" title="Wielka Brytania" coords="630,122,634,122,635,119,632,117,628,115,630,113,628,111,627,111,628,106,630,105,634,102,637,103,635,105,636,106,640,106,638,108,637,110,639,112,642,114,643,117,645,118,646,118,646,121,647,122,647,124,648,126,651,125,652,127,651,129,648,130,649,131,651,132,652,133,649,134,645,134,645,132,643,133,641,132,641,133,642,134,642,135,641,134,640,133,637,134,635,133,635,135,633,135,631,135,630,136,628,135,629,134,630,134,632,132,635,132,636,131,633,129,630,129,629,127,632,127,631,123" href="#uk" target="_blank" />
<area shape="poly" alt="argentyna" title="Argentyna" coords="369,462,375,461,378,463,383,460,391,466,397,471,406,473,408,479,406,483,408,485,410,485,413,486,419,480,421,477,425,478,424,483,422,488,417,491,414,496,413,500,412,505,410,508,412,512,413,515,415,520,421,527,420,532,418,536,411,539,405,538,404,540,405,543,403,548,397,548,395,546,395,550,399,555,401,555,399,558,398,559,399,562,396,565,394,568,395,571,399,575,401,579,400,584,397,589,398,596,396,597,390,596,385,592,382,588,379,586,379,581,379,573,378,566,368,549,368,541,365,533,363,527,365,521,363,510,359,505,360,490,363,482,363,472,368,464" href="#argentyna" target="_blank" />
<area shape="poly" alt="alaska" title="Alaska" coords="197,96,197,105,197,111,194,115,191,111,191,104,188,100,183,99,179,95,160,90,155,92,147,94,143,99,133,101,127,105,121,107,120,106,128,103,129,102,134,98,113,105,93,112,84,114,72,115,61,118,57,117,54,120,64,115,79,112,92,110,102,107,116,100,115,99,110,100,105,98,109,95,111,93,107,93,101,92,99,90,108,87,112,83,120,82,131,80,137,75,134,74,129,76,124,74,125,71,134,69,139,68,138,68,140,70,147,67,144,62,148,58,157,59,167,53,178,52,189,50,199,51,209,52,219,55,227,55,211,69,198,80,187,89,184,91,189,95" href="#alaska" target="_blank" />
<area shape="poly" alt="pakistan" title="Pakistan" coords="894,229,902,228,907,223,909,219,913,219,916,218,917,215,919,213,916,210,921,209,923,201,923,198,928,199,931,205,932,211,936,216,937,220,934,228,927,234,922,233,923,239,927,246,923,251,918,254,915,253,913,250,908,247,902,248,895,248,892,248,890,245,894,240,891,234,889,229" href="#pakistan" target="_blank" />
<area shape="poly" alt="filipiny" title="Filipiny" coords="1144,279,1144,283,1145,285,1144,289,1142,292,1142,294,1147,294,1146,297,1151,298,1156,299,1155,302,1155,304,1160,307,1161,311,1158,313,1160,318,1164,321,1167,332,1165,334,1163,332,1162,332,1163,339,1157,336,1155,333,1155,330,1152,328,1150,331,1148,331,1149,325,1148,322,1147,319,1148,316,1145,316,1144,310,1141,308,1138,306,1138,303,1139,300,1140,299,1135,294,1133,290,1134,287,1136,282,1136,278" href="#filipiny" target="_blank" />
<area shape="poly" alt="portugalia" title="Portugalia" coords="612,172,615,174,618,174,620,174,617,181,616,183,617,186,617,189,614,195,613,196,609,194,610,191,608,187,607,186,609,182,611,178" href="#portugalia" target="_blank" />
<area shape="poly" alt="szwajcaria" title="Szwajcaria" coords="666,151,670,146,673,148,678,148,680,147,681,149,683,151,679,155,675,153,672,156,668,154" href="#szwajcaria" target="_blank" />
<area shape="poly" alt="wlochy" title="Włochy" coords="671,157,672,154,677,155,681,153,686,150,690,151,691,153,694,153,693,156,689,157,688,159,690,163,693,165,698,171,701,173,703,173,704,175,707,177,712,178,714,182,713,183,712,181,708,179,706,181,707,185,704,190,703,189,705,185,704,182,701,179,696,176,691,173,687,171,683,168,682,164,679,161,673,164,669,158" href="#wlochy" target="_blank" />
<area shape="poly" alt="panama" title="Panama, Gujana,Kostaryka,Belize, Salwador, Gwatemala" coords="261,292,261,289,264,289,266,286,267,281,269,280,270,281,274,280,274,277,279,276,281,277,279,281,278,285,275,288,276,290,280,290,286,290,291,290,295,291,295,298,294,304,294,308,294,311,294,314,297,318,299,321,303,322,308,320,313,320,319,323,320,326,317,329,314,327,317,324,312,322,306,323,306,325,307,327,301,327,297,324,294,324,290,320,284,317,282,314,283,311,281,309,279,306,276,305,278,303,273,302,268,302,268,300,259,294" href="#panama" target="_blank" />
<area shape="poly" alt="australia" title="Australia" coords="1106,462,1127,453,1133,453,1145,439,1154,433,1166,425,1171,429,1174,429,1184,417,1188,417,1187,413,1204,419,1202,426,1200,432,1217,444,1226,434,1227,419,1231,415,1235,427,1241,435,1241,444,1241,449,1249,459,1254,469,1260,478,1256,498,1240,516,1233,524,1225,534,1218,534,1209,539,1209,551,1196,562,1193,559,1196,549,1208,549,1209,540,1205,538,1204,535,1199,538,1191,536,1186,532,1189,527,1184,522,1180,521,1187,515,1177,519,1176,521,1173,516,1171,509,1164,506,1146,508,1133,514,1124,516,1113,517,1103,521,1095,517,1100,511,1103,504,1100,497,1101,487,1102,477,1102,471,1104,466" href="#australia" target="_blank" />
<area shape="poly" alt="korea" title="Korea Płn, Korea Płd" coords="1122,179,1125,175,1127,174,1130,173,1133,171,1133,168,1138,169,1138,173,1136,174,1139,177,1137,181,1133,183,1135,185,1140,189,1146,193,1148,199,1149,202,1142,206,1140,205,1138,203,1138,200,1136,198,1135,195,1132,193,1130,191,1127,191,1125,190,1127,187,1124,184,1120,181,1121,179" href="#korea" target="_blank" />
<area shape="poly" alt="gwinea" title="Papua, Nowa Gwinea" coords="1185,366,1190,365,1195,365,1199,368,1199,374,1202,376,1208,373,1213,369,1215,368,1219,371,1226,374,1234,376,1239,379,1244,379,1251,387,1258,391,1253,394,1252,396,1256,398,1259,403,1263,406,1268,411,1266,413,1260,410,1254,409,1252,405,1249,401,1244,398,1240,396,1237,403,1232,405,1226,403,1222,400,1218,398,1215,399,1215,397,1218,394,1215,388,1211,384,1203,383,1200,379,1197,379,1195,382,1192,378,1194,373,1185,368" href="#gwinea" target="_blank" />
<area shape="poly" alt="slowacja" title="Słowacja" coords="709,142,709,139,711,138,713,139,714,138,718,138,719,140,722,140,726,138,725,140,728,139,726,142,728,144,727,144,724,145,723,143,720,143,720,144,719,145,716,145,717,147,714,146,709,145,707,145" href="#slowacja" target="_blank" />
<area shape="poly" alt="bosnia" title="Bośnia i Hercegowina" coords="704,158,705,156,708,157,709,159,713,157,717,158,717,161,718,164,716,165,715,167,716,170,712,169,709,168,707,168,705,165,705,162,702,158" href="#bosnia" target="_blank" />
<area shape="poly" alt="chorwacja" title="Chorwacja" coords="695,159,696,156,699,157,700,154,703,152,706,153,707,152,710,154,712,155,715,154,716,157,715,160,711,160,709,158,704,158,706,162,708,167,705,167,705,166,701,165,701,162,699,160,695,161" href="#chorwacja" target="_blank" />
<area shape="poly" alt="meksyk" title="Meksyk" coords="192,255,185,249,187,244,182,240,178,236,182,233,178,225,179,215,189,214,198,219,212,221,213,218,220,219,223,223,223,227,228,229,236,227,238,231,239,235,241,240,247,246,244,253,242,259,243,268,247,276,254,279,259,279,266,276,272,268,277,265,284,266,282,275,276,279,269,282,266,284,268,289,267,290,265,289,261,289,259,295,254,290,250,288,241,291,231,286,219,280,207,271,210,264,208,258,205,253,199,247,199,242,193,234,191,228,191,223,188,219,183,221,185,231,189,240,190,249" href="#meksyk" target="_blank" />
<area shape="poly" alt="austria" title="Austria" coords="683,149,688,147,693,144,698,141,705,142,709,145,704,150,702,152,696,153,689,152,683,152" href="#austria" target="_blank" />
<area shape="poly" alt="rumunia" title="Rumunia" coords="721,154,723,149,728,146,731,147,735,146,737,147,738,145,741,145,746,146,748,150,749,153,750,156,754,159,751,165,749,165,745,162,742,164,736,165,731,164,727,161,722,157" href="#rumunia" target="_blank" />
<area shape="poly" alt="slowenia" title="Słowenia" coords="694,156,695,153,698,152,701,151,702,151,705,151,704,154,701,157,697,157,698,159,694,157" href="#slowenia" target="_blank" />
<area shape="poly" alt="indie" title="Indie" coords="926,236,928,236,937,226,939,223,939,219,947,215,951,217,956,222,961,224,964,226,962,231,969,236,981,240,990,243,997,245,1000,249,1000,252,1002,256,1004,262,998,265,995,269,993,273,985,280,980,285,974,291,970,294,972,303,970,307,971,314,972,316,977,326,979,331,978,334,974,334,973,331,972,326,974,321,972,316,967,319,965,323,963,324,957,322,957,319,954,312,951,305,947,297,944,289,940,284,938,276,938,270,939,266,936,262,934,266,931,268,924,265,922,262,926,260,921,258,920,255,925,253,929,252,924,241" href="#indie" target="_blank" />
<area shape="poly" alt="gruzja" title="Gruzja" coords="795,165,800,165,802,168,805,168,808,169,814,170,817,171,819,174,817,177,813,175,810,176,805,175,801,173,801,171,801,169,798,167" href="#gruzja" target="_blank" />
<area shape="poly" alt="izrael" title="Izrael, Jordania, Autonomia Palestyńska" coords="786,231,779,230,780,227,778,224,780,221,780,218,780,216,781,214,782,211,785,214,786,215,789,215,792,214,795,212,798,214,794,217,790,219,791,222,792,225,788,227,786,229" href="#izrael" target="_blank" />
<area shape="poly" alt="syria" title="Syria" coords="782,202,783,198,785,198,789,195,793,196,796,196,801,195,804,194,803,199,803,203,801,208,796,209,792,213,788,215,784,216,782,213,786,208,787,205,782,205" href="#syria" target="_blank" />
</map>
</div>
</body>
</html>
Tworzę interaktywną mapę, problem jest taki... Gdy najeżdżam na dane państwo to się podświetla na określony kolor, wszystko działa dopóki nie zmienię w <map> <area> href="#polska" gdy np. wpiszę zamiast tego ="polska.html" podświetlanie przestaje działać. Wydaje mi się że jest to ustwione w javascript, ale nie umiem tego rozgryźć, więc tutaj proszę was jak musiałbym zmienić ten skrypt lub coś innego żeby działało to podświetlanie po najechaniu, a po kliknięciu przechodziło na daną stronę w tym przypadku "polska.html"
Jeśli to zły dział prosiłbym o przeniesienie :)