Mike Kristensen
asked on
CSS and MYSQL. . .
Hello all.
I got a problem styling my data from MYSQL.
Here is what im trying to archive. . . . . .
I wanna be able to style data from MYSQL. Im using a fetch_array to get the information from the database, but it seems im not allowed to use CSS while trying to style the table, the td/tr or if i put in a div.... Maybe because i cant use CSS in a .PHP file?
How can i style that MYSQL data? Example: I wanna add hover effects to image.
Im stuck from here. The information is going from a index.php file, to a global.js file which is calling a name.php file. I really hope someone can points me in some direction, im very interested in a solution. I paste my code here:
UNDERNEATH HERE YOU GET ALL THE CODE...... ALMOST :)
This is my 4 files.... I think they should show all the important stuff.
I got a problem styling my data from MYSQL.
Here is what im trying to archive. . . . . .
I wanna be able to style data from MYSQL. Im using a fetch_array to get the information from the database, but it seems im not allowed to use CSS while trying to style the table, the td/tr or if i put in a div.... Maybe because i cant use CSS in a .PHP file?
How can i style that MYSQL data? Example: I wanna add hover effects to image.
Im stuck from here. The information is going from a index.php file, to a global.js file which is calling a name.php file. I really hope someone can points me in some direction, im very interested in a solution. I paste my code here:
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo" <table border=0>
<table bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=515px>
<td border=0 COLSPAN=5 bgcolor=A4A4A4 width=340px><b>  "; echo $row['_arrangement'] . " </b></td>
<tr>
<td border=0 bordercolor=D8D8D8 COLSPAN=5>" . $row['_beskrivelse'] . " </td>
</tr>
<tr>
<td border=0 width=70px height=15px> <b>Adresse:</b></td>
<td COLSPAN=2> " . $row['_adresse'] . " </td>
<td width=10px ROWSPAN=2> "; printf('<a href="http://%s" target="_blank"><img src="images/asd.png" BORDER=0 width="41" height="41" /></a>', $row['_link']); echo "</td>
<td></td>
</tr>
<tr>
<td><b>Link:</b></td> <td COLSPAN=2> " . "<a href=http://".$row['_link'] ." target=_blank>" .$row['_link'] . " </a></td>
</tr>
<tr>
<td COLSPAN=2>" . "<img src=image.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
<td width=20px COLSPAN=3>" . "<img src=image_2.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
</tr>
</table>
<table WIDTH=612px height=16 ></table></table>";
}
UNDERNEATH HERE YOU GET ALL THE CODE...... ALMOST :)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Oplevelser</title>
<link rel="stylesheet" type="text/css" href="moselort.css">
<link rel="stylesheet" type="text/css" href="design-button.css">
</head>
<body >
<div class="indhold3">
<div class="indhold kalender">
<img src="images/grongron_dk.png" class="imagemap" style="z-index:2;" width="229" height="273" border="0" usemap="#map" />
<map name="map">
<area id="syddanmark_imagemap" shape="poly" coords="21,234,54,248,123,259,132,248,140,219,128,179,88,176,84,175,76,167,70,157,64,149,56,149,53,153,48,154,42,156,35,157,31,153,28,154,23,156,21,158,16,157,8,151,0,171,20,234" target="SYDDANMARK" nohref="nohref" />
<area id="sjaelland_imagemap" shape="poly" coords="134,253,153,270,183,272,216,241,212,208,205,186,199,181,199,175,193,171,190,155,184,156,180,152,164,152,139,170,144,221,134,250,133,253,134,253" target="SJAELLAND" nohref="nohref" />
<area id="hovedstaden_imagemap" shape="poly" coords="228,78,228,189,213,191,205,186,199,181,199,175,193,171,191,154,184,156,182,153,187,78,227,78,228,78" target="HOVEDSTADEN" nohref="nohref" />
<area id="midtjylland_imagemap" shape="poly" coords="115,86,141,103,145,110,145,115,132,138,126,171,83,174,77,167,64,149,56,149,51,153,35,157,31,153,24,155,20,158,16,157,8,151,4,129,12,80,18,80,24,84,29,81,34,82,38,85,45,81,53,68,58,69,63,87,76,88,86,96,93,97,96,96,115,86" target="MIDTJYLLAND" nohref="nohref" />
<area id="nordjylland_imagemap" shape="poly" coords="117,86,95,97,86,97,76,88,63,87,58,67,52,68,44,82,38,85,31,80,28,81,24,84,16,72,30,50,38,43,74,44,101,10,130,0,135,1,161,39,116,86" target="NORDJYLLAND" nohref="nohref" />
</map>
<div id="baggrund_syddanmark"> <img src="images/grongron_dk_sort_syddanmark.png" class="baggrund_dk_map" style="z-index:1;" width="249" height="293" usemap="#map" /> </div>
<div id="baggrund_midtjylland"> <img src="images/grongron_dk_sort_midtjylland.png" class="baggrund_dk_map" style="z-index:1;" width="249" height="293" usemap="#map" /> </div>
<div id="baggrund_nordjylland"> <img src="images/grongron_dk_sort_nordjylland.png" class="baggrund_dk_map" style="z-index:1;" width="249" height="293" usemap="#map" /> </div>
<div id="baggrund_sjaelland"> <img src="images/grongron_dk_sort_sjaelland.png" class="baggrund_dk_map" style="z-index:1;" width="249" height="293" usemap="#map" /> </div>
<div id="baggrund_hovedstaden"> <img src="images/grongron_dk_sort_hovedstaden.png" class="baggrund_dk_map" style="z-index:1;" width="249" height="293" usemap="#map" /> </div>
<div class="lort">
<img src="images/grongron_dk.png" alt="asdasd" >
</div>
<input type="submit" id="sog" value="søg">
<div style="font-size: small; border: 0px solid #000; background: #; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:285px; height:670px;width:600px;overflow:auto;" id="name-syddanmark" >
<img src="images/syddanmark_gron_edition_6" class="baggrund_syddanmark_map" width="589" height="465" border="0" style="z-index:5" usemap="#syddanmark_map" />
<map name="syddanmark_map" class="baggrund_syddanmark_map" >
<area id="assens_imagemap" shape="poly" coords="402,207,367,242,362,261,376,277,395,286,411,291,414,295,437,269,440,259,440,248,437,241,434,234,426,221,416,215,406,207,405,207,403,207,404,208,403,207,403,208" target="assens" />
<area id="faaborgmidtfyn_imagemap" shape="poly" coords="447,251,484,242,506,225,517,234,510,247,511,270,523,287,525,299,505,307,489,317,478,325,470,340,459,340,442,332,437,326,423,329,413,326,402,325,397,317,405,308,415,304,415,292,428,282,436,272,441,253,446,251,447,251" target="faaborg_midtfyn" />
<area id="svendborg_imagemap" shape="poly" coords="497,375,488,365,490,351,476,345,471,341,472,333,482,322,495,313,508,307,525,299,542,296,552,294,553,304,543,332,538,339,524,339,522,353,518,374,509,378,497,376,496,376" target="svendborg" />
<area id="langeland_imagemap" shape="poly" coords="580,303,581,324,563,377,554,394,536,446,520,461,515,459,505,417,522,397,520,386,543,365,553,353,575,305,580,304" target="langeland" />
<area id="aero_imagemap" shape="poly" coords="432,382,465,422,490,410,482,395,473,397,468,390,459,390,435,368,430,374,432,384" target="aero" />
<area id="nyborg_imagemap" shape="poly" coords="553,292,556,286,554,266,551,259,560,249,554,228,546,213,537,202,527,217,517,233,510,246,509,269,523,287,525,299,541,295,552,292,553,293" target="nyborg" />
<area id="kerteminde_imagemap" shape="poly" coords="493,191,509,226,516,234,536,204,536,198,550,185,543,172,532,145,527,147,524,152,522,181,516,185,497,188,495,189,494,193" target="kerteminde" />
<area id="odense_imagemap" shape="poly" coords="423,218,437,240,440,255,451,249,473,246,491,237,507,225,494,193,450,194,433,205,423,218,423,219" target="odense" />
<area id="nordfyn_imagemap" shape="poly" coords="387,163,434,139,455,136,459,142,467,134,503,158,492,192,465,192,448,195,431,206,422,219,406,208,402,189,387,163" target="nordfyn" />
<area id="middelfart_imagemap" shape="poly" coords="370,240,368,225,351,218,352,214,358,204,334,178,331,170,332,166,337,163,344,162,358,148,365,150,373,163,390,167,403,192,405,206,370,240" target="middelfart" />
<area id="sonderborg_imagemap" shape="poly" coords="311,325,330,315,345,317,380,347,398,387,384,400,366,388,342,387,326,383,308,373,286,391,276,392,276,359,291,347,308,336,311,327,311,326,312,325,312,326,311,325,311,327,311,326" target="sonderborg" />
<area id="aabenraa_imagemap" shape="poly" coords="275,395,269,400,255,400,243,409,228,408,224,394,201,384,183,379,189,349,193,343,195,338,199,317,209,297,220,289,228,287,241,287,260,288,277,294,292,302,292,321,280,328,304,329,309,333,301,340,290,347,277,358,275,395,275,396,275,395,276,395,275,395,275,396" target="aabenraa" />
<area id="tonder_imagemap" shape="poly" coords="182,378,168,369,118,367,101,354,106,344,105,302,117,289,94,304,72,303,77,269,83,251,102,250,123,256,147,259,158,263,181,265,205,271,222,279,225,286,212,293,207,301,200,315,196,334,189,353,182,378,181,378,183,378,182,378,182,379" target="tonder" />
<area id="haderslev_imagemap" shape="poly" coords="282,297,293,283,322,271,327,258,326,241,322,225,319,217,307,219,283,221,259,218,246,211,237,210,212,220,206,221,202,219,194,215,180,218,172,226,175,265,200,269,219,278,227,287,245,286,262,289,275,294,282,297" target="haderslev" />
<area id="kolding_imagemap" shape="poly" coords="318,217,297,220,267,220,248,212,237,210,240,170,248,152,249,139,262,138,268,142,291,140,300,148,306,164,314,171,329,186,318,193,318,217" target="kolding" />
<area id="fredericia_imagemap" shape="poly" coords="331,186,306,162,300,149,303,142,314,135,328,132,339,131,361,122,368,127,355,142,343,160,331,160,329,167,331,187,331,186,330,186,330,187,331,186,332,186,331,186" target="fredericia" />
<area id="vejle_imagemap" shape="poly" coords="358,123,309,44,279,9,248,6,213,38,211,49,216,63,219,72,223,81,230,108,234,121,240,127,250,137,264,138,268,142,292,141,299,147,302,145,309,137,320,133,337,131,354,126,358,124" target="vejle" />
<area id="vejen_imagemap" shape="poly" coords="172,225,169,210,168,183,164,170,161,149,148,135,160,121,177,118,189,123,201,129,212,128,223,124,233,124,243,131,250,142,244,160,238,186,237,209,217,218,206,220,202,219,194,215,184,216,172,224,172,225" target="vejen" />
<area id="esbjerg_imagemap" shape="poly" coords="149,135,119,128,101,126,91,122,72,123,61,130,86,164,104,168,117,187,119,256,143,258,161,264,176,267,170,215,169,184,164,172,161,149,148,136" target="esbjerg" />
<area id="fano_imagemap" shape="poly" coords="61,164,74,199,82,203,86,203,86,174,65,157,62,168,62,167,61,168" target="fano" />
<area id="billund_imagemap" shape="poly" coords="146,30,149,61,153,73,157,90,173,111,174,118,196,128,209,130,227,125,237,125,224,95,219,71,214,55,212,46,215,32,192,36,168,42,161,41,146,31" target="billund" />
<area id="varde_imagemap" shape="poly" coords="40,23,29,68,6,117,53,152,60,147,47,122,54,116,56,127,67,125,76,121,94,123,107,126,126,129,146,134,149,136,158,124,168,119,173,119,174,111,157,94,155,75,148,60,146,25,121,28,95,45,82,43,52,27,45,22,40,24" target="varde" />
</map>
<div id="baggrund_assens"> <img src="images/baggrund_syddanmark_assens.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_faaborgmidtfyn"> <img src="images/baggrund_syddanmark_faaborgmidtfyn.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_svendborg"> <img src="images/baggrund_syddanmark_svendborg.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_langeland"> <img src="images/baggrund_syddanmark_langeland.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_aero"> <img src="images/baggrund_syddanmark_aero.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_nyborg"> <img src="images/baggrund_syddanmark_nyborg.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_kerteminde"> <img src="images/baggrund_syddanmark_kerteminde.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_odense"> <img src="images/baggrund_syddanmark_odense.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_nordfyn"> <img src="images/baggrund_syddanmark_nordfyn.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_middelfart"> <img src="images/baggrund_syddanmark_middelfart.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_sonderborg"> <img src="images/baggrund_syddanmark_sonderborg.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_aabenraa"> <img src="images/baggrund_syddanmark_aabenraa.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_tonder"> <img src="images/baggrund_syddanmark_tonder.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_haderslev"> <img src="images/baggrund_syddanmark_haderslev.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_kolding"> <img src="images/baggrund_syddanmark_kolding.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_fredericia"> <img src="images/baggrund_syddanmark_fredericia.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_vejle"> <img src="images/baggrund_syddanmark_vejle.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_vejen"> <img src="images/baggrund_syddanmark_vejen.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_esbjerg"> <img src="images/baggrund_syddanmark_esbjerg.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_fano"> <img src="images/baggrund_syddanmark_fano.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_billund"> <img src="images/baggrund_syddanmark_billund.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
<div id="baggrund_varde"> <img src="images/baggrund_syddanmark_varde.png" class="baggrund_syddanmark_map" style="z-index:4;" usemap="#syddanmark_map" /> </div>
</div>
<div style="font-size: small; border: 0px solid #000; background:#; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:285px; height:670px;width:600px;overflow:auto;" id="name-sjaelland" >
<a><img src="images/sjaelland_gron_edition_3.png" class="baggrund_sjaelland_map" style="z-index:5" usemap="#sjaelland_map" ></a>
<map name="sjaelland_map" class="baggrund_sjaelland_map">
<area id="odsherred_imagemap" shape="poly" coords="242,81,213,91,196,99,158,107,137,121,110,119,101,115,99,108,97,105,115,99,133,82,141,63,160,51,171,48,176,27,176,9,188,4,209,4,230,2,249,2,260,3,255,20,245,38,233,41,238,58,242,74,242,81" target="odsherred" />
<area id="holbaek_imagemap" shape="poly" coords="238,87,242,106,230,118,222,119,214,143,217,175,237,195,240,208,231,208,212,213,212,218,203,218,198,214,193,204,193,198,183,194,171,192,156,188,146,191,125,197,124,186,120,179,117,171,110,119,136,120,157,108,214,95,216,87,232,85,239,87" target="holbaek" />
<area id="lejre_imagemap" shape="poly" coords="253,133,273,111,304,117,291,146,289,162,279,177,268,226,254,226,241,209,233,191,221,180,217,161,217,137,220,124,228,117,241,115,249,119,253,131" target="lejre" />
<area id="roskilde_imagemap" shape="poly" coords="293,139,302,136,322,148,332,113,348,116,360,127,358,140,361,155,366,165,369,171,363,175,332,178,317,185,309,195,311,205,310,214,306,217,305,225,298,227,286,225,276,225,269,228,265,229,273,205,277,180,286,166,288,158,291,150,292,141,295,138" target="roskilde" />
<area id="greve_imagemap" shape="poly" coords="373,174,331,180,315,187,307,196,309,207,315,209,344,208,371,213,390,193,373,174" target="greve" />
<area id="solrod_imagemap" shape="poly" coords="370,214,348,208,313,208,307,213,305,218,306,227,312,229,358,243,371,217,370,215" target="solrod" />
<area id="kalundborg_imagemap" shape="poly" coords="121,26,96,104,101,116,111,123,112,137,116,170,124,183,125,197,108,212,129,234,78,256,65,204,44,143,32,103,89,30,121,27" target="kalundborg" />
<area id="soro_imagemap" shape="poly" coords="129,233,107,213,125,196,155,188,195,196,197,214,192,225,198,236,204,280,185,286,172,285,154,295,156,275,143,239,129,232" target="soro" />
<area id="ringsted_imagemap" shape="poly" coords="197,215,208,219,239,206,249,221,268,226,264,247,276,282,265,295,250,301,219,288,205,279,200,251,200,240,192,226,194,218,197,213" target="ringsted" />
<area id="koge_imagemap" shape="poly" coords="269,227,276,222,326,234,358,245,356,257,327,283,310,288,305,296,291,283,277,285,265,252,266,233,269,226" target="koge" />
<area id="slagelse_imagemap" shape="poly" coords="132,233,78,255,63,307,90,361,102,370,158,367,160,352,157,344,147,332,145,320,155,292,156,276,149,254,138,237,130,233" target="slagelse" />
<area id="naestved_imagemap" shape="poly" coords="204,280,185,287,172,284,153,295,144,318,152,340,159,350,158,369,193,380,233,406,266,404,281,395,289,393,305,392,317,387,296,363,275,343,260,335,253,327,247,312,245,306,250,299,235,294,218,287,205,280" target="naestved" />
<area id="faxe_imagemap" shape="poly" coords="290,282,276,284,266,295,245,304,256,334,276,344,318,388,364,353,362,336,345,315,333,307,317,305,291,284" target="faxe" />
<area id="stevns_imagemap" shape="poly" coords="324,285,355,256,408,290,424,317,419,345,392,359,364,354,363,340,351,320,339,310,317,304,306,295,308,289,323,285" target="stevns" />
<area id="vordingborg_imagemap" shape="poly" coords="216,407,249,467,344,531,392,495,443,501,443,482,417,455,377,454,356,451,333,441,347,417,344,405,310,399,304,392,283,393,267,404,216,407" target="vordingborg" />
<area id="guldborgsund_imagemap" shape="poly" coords="217,478,205,493,211,511,192,508,167,541,171,564,180,576,183,594,182,628,235,634,258,662,273,662,282,616,337,546,328,526,299,510,250,488,218,480" target="guldborgsund" />
<area id="lolland_imagemap" shape="poly" coords="167,541,83,471,53,472,17,492,16,511,33,534,9,538,5,548,2,557,13,576,72,608,129,648,183,628,183,588,172,562,167,540" target="lolland" />
</map>
<div id="baggrund_odsherred"> <img src="images/baggrund_sjaelland_odsherred.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_holbaek"> <img src="images/baggrund_sjaelland_holbaek.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_lejre"> <img src="images/baggrund_sjaelland_lejre.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_roskilde"> <img src="images/baggrund_sjaelland_roskilde.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_greve"> <img src="images/baggrund_sjaelland_greve.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_solrod"> <img src="images/baggrund_sjaelland_solrod.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_kalundborg"> <img src="images/baggrund_sjaelland_kalundborg.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_soro"> <img src="images/baggrund_sjaelland_soro.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_ringsted"> <img src="images/baggrund_sjaelland_ringsted.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_koge"> <img src="images/baggrund_sjaelland_koge.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_slagelse"> <img src="images/baggrund_sjaelland_slagelse.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_naestved"> <img src="images/baggrund_sjaelland_naestved.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_faxe"> <img src="images/baggrund_sjaelland_faxe.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_stevns"> <img src="images/baggrund_sjaelland_stevns.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_vordingborg"> <img src="images/baggrund_sjaelland_vordingborg.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_guldborgsund"> <img src="images/baggrund_sjaelland_guldborgsund.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
<div id="baggrund_lolland"> <img src="images/baggrund_sjaelland_lolland.png" class="baggrund_sjaelland_map" style="z-index:4;" usemap="#sjaelland_map" /> </div>
</div>
<div style="font-size: small; border: 0px solid #000; background:#; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:285px; height:670px;width:600px;overflow:auto;" id="name-hovedstaden" >
<a><img src="images/hovedstaden_gron_edition_7.png" class="baggrund_hovedstaden_map" style="z-index:5" usemap="#hovedstaden_map"></a>
<map name="hovedstaden_map" class="baggrund_hovedstaden_map" >
<area id="helsingor_imagemap" shape="poly" coords="376,26,488,60,513,102,501,129,457,183,435,167,401,159,373,147,343,145,350,132,349,81,376,27,377,26" target="helsingor" />
<area id="gribskov_imagemap" shape="poly" coords="372,24,355,67,350,79,349,133,342,146,326,152,319,162,262,160,243,168,223,171,207,172,181,168,171,156,155,149,112,103,115,98,156,69,209,21,249,10,300,4,321,4,358,16,372,24" target="gribskov" />
<area id="halsnaes_imagemap" shape="poly" coords="109,103,154,148,168,153,177,161,182,168,180,180,171,189,165,195,164,204,169,235,176,245,177,251,176,255,168,262,154,259,140,261,130,266,117,209,98,181,74,184,42,193,11,193,3,183,4,160,108,103" target="halsnaes" />
<area id="fredensborg_imagemap" shape="poly" coords="458,182,440,220,443,262,440,264,379,269,364,264,346,265,329,282,327,279,319,263,322,245,326,217,324,205,320,192,319,164,319,158,339,145,350,143,369,145,401,158,430,165,458,183" target="fredensborg" />
<area id="hillerod_imagemap" shape="poly" coords="318,160,319,185,326,216,324,238,317,263,308,273,252,275,238,283,198,284,192,282,168,261,176,252,175,245,171,238,168,230,162,197,178,182,180,168,186,168,206,171,236,168,250,166,265,160,319,160" target="hillerod" />
<area id="frederikssund_imagemap" shape="poly" coords="62,204,62,240,74,262,58,273,34,278,24,287,13,300,7,316,4,334,4,352,5,369,12,379,31,376,39,372,55,378,66,385,74,403,90,408,103,403,111,398,140,402,157,401,162,398,167,391,169,387,170,378,172,371,174,366,178,362,217,354,222,324,231,301,229,287,225,284,195,283,165,260,148,259,135,263,130,266,121,230,113,213,98,206,84,200,62,199,61,204" target="frederikssund" />
<area id="allerod_imagemap" shape="poly" coords="226,284,238,283,253,273,308,274,315,265,320,265,325,271,329,279,330,286,329,303,329,312,323,322,305,320,290,322,284,332,278,349,271,364,266,364,260,362,252,356,218,354,217,343,221,328,225,319,230,305,231,297,226,283" target="allerod" />
<area id="horsholm_imagemap" shape="poly" coords="330,281,345,264,365,263,381,268,445,264,451,278,454,298,412,309,402,303,396,301,390,302,375,314,357,314,328,310,329,280" target="horsholm" />
<area id="rudersdal_imagemap" shape="poly" coords="455,299,460,306,473,357,446,368,415,369,391,373,387,377,385,381,384,386,378,383,361,383,362,375,355,364,343,345,325,322,325,319,328,311,333,311,372,314,390,303,394,302,403,303,411,309,415,309,454,298,453,298,454,298" target="rudersdal" />
<area id="fureso_imagemap" shape="poly" coords="324,321,291,321,270,363,280,371,281,378,277,384,272,387,269,388,273,408,303,407,311,410,315,413,321,425,345,422,353,417,345,406,345,390,362,382,361,374,343,345,328,323,325,321" target="foreso" />
<area id="egedal_imagemap" shape="poly" coords="159,399,167,411,225,459,248,460,271,477,289,470,275,452,272,447,272,431,272,429,263,426,260,422,259,416,266,412,273,407,269,389,276,384,282,378,280,372,276,365,272,362,264,363,252,356,217,354,175,363,171,370,170,382,167,392,159,399" target="egedal" />
<area id="ballerup_imagemap" shape="poly" coords="272,407,306,408,315,413,320,423,320,433,324,439,327,446,330,450,333,457,334,465,334,471,333,473,329,472,320,470,288,470,273,449,272,429,267,427,263,426,261,423,260,418,261,414,272,407" target="ballerup" />
<area id="herlev_imagemap" shape="poly" coords="321,426,340,422,354,418,368,436,374,443,375,447,380,454,388,464,382,472,380,477,378,481,374,483,357,481,334,471,333,459,331,450,320,433,321,425" target="herlev" />
<area id="gladsaxe_imagemap" shape="poly" coords="365,382,379,383,391,395,401,403,411,410,416,418,413,426,415,434,428,449,428,456,426,459,404,457,389,464,375,448,374,443,354,418,346,406,345,391,350,385,361,383" target="gladsaxe" />
<area id="lyngby_taarnbaek_imagemap" shape="poly" coords="395,373,414,368,444,368,472,357,480,388,479,404,454,410,441,412,415,421,413,412,409,408,391,396,384,386,386,380,389,375,395,373" target="lyngby_taarnbaek" />
<area id="gentofte_imagemap" shape="poly" coords="480,405,482,439,476,470,447,469,428,458,427,447,415,434,414,430,413,426,415,420,437,413,447,411,456,411,478,403,481,404" target="gentofte" />
<area id="kbh_imagemap" shape="poly" coords="478,472,516,551,498,564,486,579,464,586,459,588,443,600,426,603,427,592,417,580,408,570,393,543,384,525,380,508,377,504,378,480,381,471,387,465,410,493,406,502,406,512,410,521,419,526,428,528,439,527,444,520,445,514,445,503,442,495,438,491,432,489,418,488,410,492,387,465,403,457,425,458,438,465,451,469,473,471,477,471" target="kbh" />
<area id="frederiksberg_imagemap" shape="poly" coords="415,491,407,495,405,504,406,512,408,520,415,525,426,529,440,529,444,519,445,506,440,492,433,490,422,489,411,492,412,492" target="frederiksberg" />
<area id="rodovre_imagemap" shape="poly" coords="377,481,358,483,353,489,355,505,356,516,357,529,360,547,370,550,390,545,392,539,385,527,381,509,377,503,380,480,377,481" target="rodovre" />
<area id="glostrup_imagemap" shape="poly" coords="360,482,333,471,330,475,330,479,332,484,333,490,334,530,334,533,330,540,330,543,349,545,360,546,361,541,355,505,352,490,360,483" target="glostrup" />
<area id="albertslund_imagemap" shape="poly" coords="328,472,333,487,333,532,328,544,322,545,318,546,314,538,305,513,303,505,298,501,294,498,289,496,269,476,272,474,286,472,301,469,322,470,329,474" target="albertslund" />
<area id="hoje_taastrup_imagemap" shape="poly" coords="316,544,297,549,270,541,247,529,235,528,231,531,229,539,233,561,229,577,225,581,216,580,205,576,195,569,192,561,194,552,199,543,198,500,204,494,211,489,222,483,227,481,227,460,247,459,269,474,271,478,280,488,286,493,291,496,297,499,303,506,314,536,316,544" target="hoje taastrup" />
<area id="ishoj_imagemap" shape="poly" coords="235,528,248,529,263,537,278,544,291,547,298,548,295,559,294,573,292,591,288,592,256,566,235,563,230,542,230,531,233,528,235,528" target="ishoj" />
<area id="bornholm_imagemap" shape="poly" coords="91,472,154,518,150,558,141,567,121,568,70,540,75,494,88,472,91,472" target="bornholm" />
<area id="vallensbaek_imagemap" shape="poly" coords="327,603,308,603,291,591,294,576,294,563,298,548,317,545,324,545,323,552,314,565,314,574,319,581,324,586,326,592,326,604" target="vallensbaek" />
<area id="brondby_imagemap" shape="poly" coords="324,545,329,543,356,546,371,550,369,574,369,576,365,583,362,598,335,600,327,600,325,588,315,575,315,565,323,551,324,545" target="brondby" />
<area id="hvidovre_imagemap" shape="poly" coords="371,550,387,546,396,549,406,566,419,582,425,591,419,602,408,607,389,605,373,601,364,598,365,585,367,580,368,576,372,550" target="hvidovre" />
<area id="taarnby_imagemap" shape="poly" coords="417,618,417,610,423,605,440,602,464,585,485,579,505,558,516,555,520,556,524,611,505,612,497,618,487,624,479,627,459,631,441,647,425,632,416,618" target="taarnby" />
<area id="dragor_imagemap" shape="poly" coords="520,633,524,623,523,611,506,612,489,624,458,631,442,645,443,652,455,658,487,657,520,637,520,633" target="dragor" />
</map>
<div id="baggrund_helsingor"> <img src="images/baggrund_hovedstaden_helsingor.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_gribskov"> <img src="images/baggrund_hovedstaden_gribskov.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_halsnaes"> <img src="images/baggrund_hovedstaden_halsnaes.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_fredensborg"> <img src="images/baggrund_hovedstaden_fredensborg.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_hillerod"> <img src="images/baggrund_hovedstaden_hillerod.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_frederikssund"> <img src="images/baggrund_hovedstaden_frederikssund.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_allerod"> <img src="images/baggrund_hovedstaden_allerod.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_horsholm"> <img src="images/baggrund_hovedstaden_horsholm.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_rudersdal"> <img src="images/baggrund_hovedstaden_rudersdal.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_fureso"> <img src="images/baggrund_hovedstaden_fureso.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_egedal"> <img src="images/baggrund_hovedstaden_egedal.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_ballerup"> <img src="images/baggrund_hovedstaden_ballerup.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_herlev"> <img src="images/baggrund_hovedstaden_herlev.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_gladsaxe"> <img src="images/baggrund_hovedstaden_gladsaxe.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_lyngby_taarnbaek"> <img src="images/baggrund_hovedstaden_lyngby_taarnbaek.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_gentofte"> <img src="images/baggrund_hovedstaden_gentofte.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_kbh"> <img src="images/baggrund_hovedstaden_kbh.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_frederiksberg"> <img src="images/baggrund_hovedstaden_frederiksberg.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_rodovre"> <img src="images/baggrund_hovedstaden_rodovre.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_glostrup"> <img src="images/baggrund_hovedstaden_glostrup.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_albertslund"> <img src="images/baggrund_hovedstaden_albertslund.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_hoje_taastrup"> <img src="images/baggrund_hovedstaden_hoje_taastrup.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_ishoj"> <img src="images/baggrund_hovedstaden_ishoj.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_bornholm"> <img src="images/baggrund_hovedstaden_bornholm.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_vallensbaek"> <img src="images/baggrund_hovedstaden_vallensbaek.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_brondby"> <img src="images/baggrund_hovedstaden_brondby.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_hvidovre"> <img src="images/baggrund_hovedstaden_hvidovre.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_taarnby"> <img src="images/baggrund_hovedstaden_taarnby.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
<div id="baggrund_dragor"> <img src="images/baggrund_hovedstaden_dragor.png" class="baggrund_hovedstaden_map" style="z-index:4;" usemap="#hovedstaden_map" /> </div>
</div>
<div style="font-size: small; border: 0px solid #000; background: #; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:285px; height:670px;width:600px;overflow:auto;" id="name-midtjylland" >
<a><img src="images/midtjylland_gron_edition_5.png" class="baggrund_midtjylland_map" style="z-index:5" width="589" height="438" usemap="#midtjylland_map" /></a>
<map name="midtjylland_map" class="baggrund_midtjylland_map" >
<area id="struer_imagemap" shape="poly" coords="90,53,103,86,104,102,102,123,87,143,84,150,85,156,87,160,102,163,122,158,138,143,143,132,125,54,91,55" target="struer" />
<area id="lemvig_imagemap"shape="poly" coords="51,47,68,83,105,97,101,122,89,142,84,153,90,162,47,173,31,151,22,131,33,69,47,46,52,48" target="lemvig" />
<area id="holsterbro_imagemap" shape="poly" coords="20,165,49,173,90,162,114,161,134,149,144,122,186,132,199,162,175,170,152,192,126,197,103,200,94,213,79,215,17,208,18,168" target="holsterbro" />
<area id="ringkobing_skjern_imagemap" shape="poly" coords="94,214,97,226,115,244,135,249,152,263,153,279,146,295,149,323,161,362,132,366,108,351,63,368,39,362,23,343,38,323,49,313,36,265,27,257,16,267,5,267,14,214,15,209,60,215,94,212" target="ringkobing_skjern" />
<area id="herning_imagemap" shape="poly" coords="96,208,103,200,146,195,170,174,175,169,197,163,203,171,201,200,224,214,207,233,208,245,223,272,217,291,198,304,192,318,189,331,191,353,161,362,149,326,146,299,154,277,150,261,139,249,117,246,98,228,95,214,95,209" target="herning" />
<area id="ikast_brande_imagemap" shape="poly" coords="224,214,207,235,208,247,221,274,219,287,199,302,190,325,190,355,224,330,250,331,262,341,282,328,287,326,277,296,257,285,251,272,253,268,264,254,261,239,257,234,239,228,226,213" target="ikast_brande" />
<area id="skive_imagemap" shape="poly" coords="146,124,151,102,137,80,147,71,165,57,175,45,194,20,201,5,227,7,244,54,221,88,255,80,260,89,255,105,222,126,210,128,190,126,186,133,146,123" target="skive" />
<area id="hedensted_imagemap" shape="poly" coords="261,341,322,427,337,432,372,424,387,398,390,380,386,372,366,360,339,354,314,327,297,323,282,329,256,341" target="hedensted" />
<area id="horsens_imagemap" shape="poly" coords="289,328,277,298,299,292,306,270,338,297,342,306,377,312,387,373,366,361,344,355,336,352,317,329,302,323,289,326" target="horsens" />
<area id="viborg_imagemap" shape="poly" coords="225,215,202,201,204,171,186,132,189,128,198,127,215,129,253,106,263,80,302,81,332,105,330,122,334,159,323,163,316,191,284,191,276,182,265,181,251,187,226,213" target="viborg" />
<area id="silkeborg_imagemap" shape="poly" coords="226,214,245,194,258,182,276,182,283,190,317,191,320,199,329,204,330,220,339,233,321,256,307,258,305,271,301,292,277,299,253,278,250,269,264,251,258,234,239,229,226,214" target="silkeborg" />
<area id="samso_imagemap" shape="poly" coords="477,397,488,411,500,410,513,371,500,359,491,364,478,381,476,398" target="samso" />
<area id="odder_imagemap" shape="poly" coords="376,311,383,360,387,377,403,372,413,381,421,376,422,365,431,355,438,311,435,293,417,288,405,290,383,301,375,309,376,309,376,315,376,312,377,312" target="odder" />
<area id="skanderborg_imagemap" shape="poly" coords="377,311,385,299,388,273,366,253,368,233,364,230,354,227,339,232,318,257,307,259,306,273,337,296,345,307,375,312" target="skanderborg" />
<area id="favrskov_imagemap" shape="poly" coords="316,192,321,164,335,158,340,170,354,176,370,174,389,171,411,174,403,182,402,196,370,233,353,227,339,233,330,221,328,203,316,192" target="favrskov" />
<area id="randers_imagemap" shape="poly" coords="330,108,334,157,338,168,352,176,371,175,383,171,412,175,415,177,427,162,439,152,441,129,470,97,469,82,458,74,441,81,383,115,351,115,331,109" target="randers" />
<area id="aarhus_imagemap" shape="poly" coords="383,300,411,288,432,291,430,270,466,225,437,201,418,194,400,196,369,231,365,251,387,271,384,300" target="aarhus" />
<area id="syddjurs_imagemap" shape="poly" coords="402,196,403,185,411,176,443,177,472,164,489,164,517,188,564,221,543,247,537,254,529,278,515,273,508,263,508,256,501,261,486,268,461,270,457,257,465,247,474,243,480,232,467,227,460,217,425,197,415,194,401,196" target="syddjurs" />
<area id="norddjurs_imagemap" shape="poly" coords="415,177,429,157,438,153,441,128,460,110,471,129,485,138,554,137,583,173,575,191,566,220,560,218,505,179,492,164,474,163,444,176,414,177" target="norddjurs" />
</map>
<div id="baggrund_struer"> <img src="images/baggrund_midtjylland_struer.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_lemvig"> <img src="images/baggrund_midtjylland_lemvig.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_holsterbro"> <img src="images/baggrund_midtjylland_holsterbro.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_ringkobing_skjern"> <img src="images/baggrund_midtjylland_ringkobing_skjern.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_herning"> <img src="images/baggrund_midtjylland_herning.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_ikast_brande"> <img src="images/baggrund_midtjylland_ikast_brande.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_skive"> <img src="images/baggrund_midtjylland_skive.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_hedensted"> <img src="images/baggrund_midtjylland_hedensted.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_horsens"> <img src="images/baggrund_midtjylland_horsens.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_viborg"> <img src="images/baggrund_midtjylland_viborg.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_silkeborg"> <img src="images/baggrund_midtjylland_silkeborg.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_samso"> <img src="images/baggrund_midtjylland_samso.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_odder"> <img src="images/baggrund_midtjylland_odder.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_skanderborg"> <img src="images/baggrund_midtjylland_skanderborg.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_favrskov"> <img src="images/baggrund_midtjylland_favrskov.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_randers"> <img src="images/baggrund_midtjylland_randers.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_aarhus"> <img src="images/baggrund_midtjylland_aarhus.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_syddjurs"> <img src="images/baggrund_midtjylland_syddjurs.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
<div id="baggrund_norddjurs"> <img src="images/baggrund_midtjylland_norddjurs.png" class="baggrund_midtjylland_map" style="z-index:4;" usemap="#midtjylland_map" /> </div>
</div>
<div style="font-size: small; border: 0px solid #000; background: #; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:285px; height:670px;width:600px;overflow:auto;" id="name-nordjylland" >
<a><img src="images/nordjylland_gron_edition_3.png" class="baggrund_nordjylland_map" style="z-index:5" usemap="#nordjylland_map" ></a>
<map name="nordjylland_map" class="baggrund_nordjylland_map">
<area id="thisted_imagemap" shape="poly" coords="98,192,117,202,154,195,154,210,159,220,164,227,171,232,177,243,163,246,150,255,101,263,92,276,85,293,82,298,56,318,51,340,47,348,31,357,27,354,13,320,3,316,6,300,18,278,53,233,80,202,98,193" target="thisted" />
<area id="morso_imagemap" shape="poly" coords="86,312,89,290,95,284,106,282,118,280,138,265,142,265,146,268,145,278,144,285,130,291,132,316,126,334,113,351,107,357,85,361,80,356,76,345,68,340,56,331,56,329,61,326,72,315,81,315,85,311" target="morso" />
<area id="jammerbugt_imagemap" shape="poly" coords="295,151,278,172,252,191,220,200,179,192,170,189,154,195,154,207,157,215,164,225,168,230,172,234,176,243,190,236,201,244,254,243,283,240,294,235,300,234,323,215,325,193,310,174,309,155,298,152" target="jammerbugt" />
<area id="hjorring_imagemap" shape="poly" coords="293,152,309,155,312,153,324,149,344,152,354,152,362,150,379,147,381,138,384,132,400,127,409,122,414,113,416,98,409,80,410,66,417,50,411,50,394,51,367,50,332,90,311,127,293,152" target="hjorring" />
<area id="frederikshavn_imagemap" shape="poly" coords="416,49,446,34,481,8,493,1,499,3,500,7,499,14,494,17,476,32,462,58,465,79,482,105,481,113,477,120,476,131,476,188,459,203,455,204,443,199,434,190,429,182,428,175,421,168,393,166,385,163,379,155,379,145,381,137,385,133,408,123,413,115,416,98,409,80,409,68,413,57,417,49" target="frederikshavn" />
<area id="bronderslev_dronninglund_imagemap" shape="poly" coords="309,155,325,149,350,152,362,151,379,147,379,156,387,164,392,166,419,168,429,176,430,182,431,186,435,192,442,199,459,204,452,215,444,234,441,235,430,235,418,230,408,228,390,225,361,204,352,200,341,192,332,190,327,192,325,195,310,176,307,155" target="bronderslev_dronninglund" />
<area id="aalborg_imagemap" shape="poly" coords="224,254,227,251,264,250,268,258,270,274,273,279,319,231,308,235,301,236,300,232,323,215,326,193,331,189,336,190,340,190,388,224,421,231,427,234,442,236,435,265,419,285,412,306,387,303,381,308,354,296,328,294,305,279,299,280,272,305,261,303,256,298,251,289,243,288,238,277,238,266,234,259,224,253" target="aalborg" />
<area id="laeso_imagemap" shape="poly" coords="523,184,530,189,560,190,567,186,564,178,571,172,579,172,585,172,587,167,586,160,579,160,534,168,525,174,522,183" target="laeso" />
<area id="vesthimmerland_imagemap" shape="poly" coords="223,252,216,254,189,289,198,299,198,305,192,313,191,326,194,337,201,342,194,365,208,364,223,376,244,376,252,359,254,353,259,352,261,336,264,331,274,325,277,319,277,311,273,305,265,304,259,302,251,288,243,288,239,278,237,272,236,261,232,257,225,254" target="vesthimmerland" />
<area id="rebild_imagemap" shape="poly" coords="302,278,291,286,272,304,274,310,277,316,275,324,265,333,260,337,258,352,253,355,244,375,250,375,276,399,284,377,292,367,295,357,297,345,302,337,307,335,319,335,330,326,332,325,356,332,364,330,372,321,381,308,351,295,331,295,308,281,301,278" target="rebild" />
<area id="mariager_fjord_imagemap" shape="poly" coords="412,306,411,335,421,369,411,372,390,370,391,384,340,413,315,416,294,413,276,399,283,377,289,371,294,358,296,353,297,341,304,335,319,334,330,324,353,331,358,332,365,328,384,302,412,307" target="mariager_fjord" />
</map>
<div id="baggrund_thisted"> <img src="images/baggrund_nordjylland_thisted.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_morso"> <img src="images/baggrund_nordjylland_morso.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_jammerbugt"> <img src="images/baggrund_nordjylland_jammerbugt.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_hjorring"> <img src="images/baggrund_nordjylland_hjorring.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_frederikshavn"> <img src="images/baggrund_nordjylland_frederikshavn.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_bronderslev_dronninglund"> <img src="images/baggrund_nordjylland_bronderslev_dronninglund.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_aalborg"> <img src="images/baggrund_nordjylland_aalborg.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_laeso"> <img src="images/baggrund_nordjylland_laeso.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_vesthimmerland"> <img src="images/baggrund_nordjylland_vesthimmerland.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_rebild"> <img src="images/baggrund_nordjylland_rebild.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
<div id="baggrund_mariager_fjord"> <img src="images/baggrund_nordjylland_mariager_fjord.png" class="baggrund_nordjylland_map" style="z-index:4;" usemap="#nordjylland_map" /> </div>
</div>
<div style="font-size: small; border: 0px solid #000; background: ; font-family:perpetua, Georgia, serif; position:absolute; top:10px; left:280px; width:680px;overflow:auto;" id="name-data" >
Ikke så meget hurlumhej. DK's nemmeste sted at søge attraktioner, reastaurenter og feriesteder.
</div>
</div>
</div>
<script src="jquery-1.8.2"></script>
<script src="global.js"></script>
<script src="button-design.js"></script>
</body>
</html>
$(document).ready(function(){
$('div#baggrund_syddanmark').hide();
$('div#baggrund_midtjylland').hide();
$('div#baggrund_nordjylland').hide();
$('div#baggrund_sjaelland').hide();
$('div#baggrund_hovedstaden').hide();
$('div#name-midtjylland').hide();
$('div#name-syddanmark').hide();
$('div#name-hovedstaden').hide();
$('div#name-nordjylland').hide();
$('div#name-sjaelland').hide();
$('div#baggrund_assens').hide();
$('div#baggrund_faaborgmidtfyn').hide();
$('div#baggrund_svendborg').hide();
$('div#baggrund_langeland').hide();
$('div#baggrund_aero').hide();
$('div#baggrund_nyborg').hide();
$('div#baggrund_kerteminde').hide();
$('div#baggrund_odense').hide();
$('div#baggrund_nordfyn').hide();
$('div#baggrund_middelfart').hide();
$('div#baggrund_sonderborg').hide();
$('div#baggrund_aabenraa').hide();
$('div#baggrund_tonder').hide();
$('div#baggrund_haderslev').hide();
$('div#baggrund_kolding').hide();
$('div#baggrund_fredericia').hide();
$('div#baggrund_vejle').hide();
$('div#baggrund_vejen').hide();
$('div#baggrund_esbjerg').hide();
$('div#baggrund_fano').hide();
$('div#baggrund_billund').hide();
$('div#baggrund_varde').hide();
v_assens = "no";
v_faaborgmidtfyn = "no";
v_svendborg = "no";
v_langeland = "no";
v_aero = "no";
v_nyborg = "no";
v_kerteminde = "no";
v_odense = "no";
v_nordfyn = "no";
v_middelfart = "no";
v_sonderborg = "no";
v_aabenraa = "no";
v_tonder = "no";
v_haderslev = "no";
v_kolding = "no";
v_fredericia = "no";
v_vejle = "no";
v_vejen = "no";
v_esbjerg = "no";
v_fano = "no";
v_billund = "no";
v_varde = "no";
$('div#baggrund_helsingor').hide();
$('div#baggrund_gribskov').hide();
$('div#baggrund_halsnaes').hide();
$('div#baggrund_fredensborg').hide();
$('div#baggrund_hillerod').hide();
$('div#baggrund_frederikssund').hide();
$('div#baggrund_allerod').hide();
$('div#baggrund_horsholm').hide();
$('div#baggrund_rudersdal').hide();
$('div#baggrund_fureso').hide();
$('div#baggrund_egedal').hide();
$('div#baggrund_ballerup').hide();
$('div#baggrund_herlev').hide();
$('div#baggrund_gladsaxe').hide();
$('div#baggrund_lyngby_taarnbaek').hide();
$('div#baggrund_gentofte').hide();
$('div#baggrund_kbh').hide();
$('div#baggrund_frederiksberg').hide();
$('div#baggrund_rodovre').hide();
$('div#baggrund_glostrup').hide();
$('div#baggrund_albertslund').hide();
$('div#baggrund_hoje_taastrup').hide();
$('div#baggrund_ishoj').hide();
$('div#baggrund_bornholm').hide();
$('div#baggrund_vallensbaek').hide();
$('div#baggrund_brondby').hide();
$('div#baggrund_hvidovre').hide();
$('div#baggrund_taarnby').hide();
$('div#baggrund_dragor').hide();
v_helsingor = "no";
v_gribskov = "no";
v_halsnaes = "no";
v_fredensborg = "no";
v_hillerod = "no";
v_frederikssund = "no";
v_allerod = "no";
v_horsholm = "no";
v_rudersdal = "no";
v_fureso = "no";
v_egedal = "no";
v_ballerup = "no";
v_herlev = "no";
v_gladsaxe = "no";
v_lyngby_taarnbaek = "no";
v_gentofte = "no";
v_kbh = "no";
v_frederiksberg = "no";
v_rodovre = "no";
v_glostrup = "no";
v_albertslund = "no";
v_hoje_taastrup = "no";
v_ishoj = "no";
v_bornholm = "no";
v_vallensbaek = "no";
v_brondby = "no";
v_hvidovre = "no";
v_taarnby = "no";
v_dragor = "no";
$('div#baggrund_odsherred').hide();
$('div#baggrund_holbaek').hide();
$('div#baggrund_lejre').hide();
$('div#baggrund_roskilde').hide();
$('div#baggrund_greve').hide();
$('div#baggrund_solrod').hide();
$('div#baggrund_kalundborg').hide();
$('div#baggrund_soro').hide();
$('div#baggrund_ringsted').hide();
$('div#baggrund_koge').hide();
$('div#baggrund_slagelse').hide();
$('div#baggrund_naestved').hide();
$('div#baggrund_faxe').hide();
$('div#baggrund_stevns').hide();
$('div#baggrund_vordingborg').hide();
$('div#baggrund_guldborgsund').hide();
$('div#baggrund_lolland').hide();
v_odsherred = "no";
v_holbaek = "no";
v_lejre = "no";
v_roskilde = "no";
v_greve = "no";
v_solrod = "no";
v_kalundborg = "no";
v_soro = "no";
v_ringsted = "no";
v_koge = "no";
v_slagelse = "no";
v_naestved = "no";
v_faxe = "no";
v_stevns = "no";
v_vordingborg = "no";
v_guldborgsund = "no";
v_lolland = "no";
$('div#baggrund_thisted').hide();
$('div#baggrund_morso').hide();
$('div#baggrund_jammerbugt').hide();
$('div#baggrund_hjorring').hide();
$('div#baggrund_frederikshavn').hide();
$('div#baggrund_bronderslev_dronninglund').hide();
$('div#baggrund_aalborg').hide();
$('div#baggrund_laeso').hide();
$('div#baggrund_vesthimmerland').hide();
$('div#baggrund_rebild').hide();
$('div#baggrund_mariager_fjord').hide();
v_thisted = "no";
v_morso = "no";
v_jammerbugt = "no";
v_hjorring = "no";
v_frederikshavn = "no";
v_bronderslev_dronninglund = "no";
v_aalborg = "no";
v_laeso = "no";
v_vesthimmerland = "no";
v_rebild = "no";
v_mariager_fjord = "no";
$('div#baggrund_struer').hide();
$('div#baggrund_lemvig').hide();
$('div#baggrund_holsterbro').hide();
$('div#baggrund_ringkobing_skjern').hide();
$('div#baggrund_herning').hide();
$('div#baggrund_ikast_brande').hide();
$('div#baggrund_skive').hide();
$('div#baggrund_hedensted').hide();
$('div#baggrund_horsens').hide();
$('div#baggrund_viborg').hide();
$('div#baggrund_silkeborg').hide();
$('div#baggrund_samso').hide();
$('div#baggrund_odder').hide();
$('div#baggrund_skanderborg').hide();
$('div#baggrund_favrskov').hide();
$('div#baggrund_randers').hide();
$('div#baggrund_aarhus').hide();
$('div#baggrund_syddjurs').hide();
$('div#baggrund_norddjurs').hide();
v_struer = "no";
v_lemvig = "no";
v_holsterbro = "no";
v_ringkobing_skjern = "no";
v_herning = "no";
v_ikast_brande = "no";
v_skive = "no";
v_hedensted = "no";
v_horsens = "no";
v_viborg = "no";
v_silkeborg = "no";
v_samso = "no";
v_odder = "no";
v_skanderborg = "no";
v_favrskov = "no";
v_randers = "no";
v_aarhus = "no";
v_syddjurs = "no";
v_norddjurs = "no";
$('area#struer_imagemap').click(function(){
if (v_struer == "no") {
$('div#baggrund_struer').show();
v_struer = "struer";}
else if (v_struer == "struer"){
$('div#baggrund_struer').hide();
v_struer = "no";}
});
$('area#lemvig_imagemap').click(function(){
if (v_lemvig == "no") {
$('div#baggrund_lemvig').show();
v_lemvig = "lemvig";}
else if (v_lemvig == "lemvig"){
$('div#baggrund_lemvig').hide();
v_lemvig = "no";}
});
$('area#holsterbro_imagemap').click(function(){
if (v_holsterbro == "no") {
$('div#baggrund_holsterbro').show();
v_holsterbro = "holsterbro";}
else if (v_holsterbro == "holsterbro"){
$('div#baggrund_holsterbro').hide();
v_holsterbro = "no";}
});
$('area#ringkobing_skjern_imagemap').click(function(){
if (v_ringkobing_skjern == "no") {
$('div#baggrund_ringkobing_skjern').show();
v_ringkobing_skjern = "ringkobing_skjern";}
else if (v_ringkobing_skjern == "ringkobing_skjern"){
$('div#baggrund_ringkobing_skjern').hide();
v_ringkobing_skjern = "no";}
});
$('area#herning_imagemap').click(function(){
if (v_herning == "no") {
$('div#baggrund_herning').show();
v_herning = "herning";}
else if (v_herning == "herning"){
$('div#baggrund_herning').hide();
v_herning = "no";}
});
$('area#ikast_brande_imagemap').click(function(){
if (v_ikast_brande == "no") {
$('div#baggrund_ikast_brande').show();
v_ikast_brande = "ikast_brande";}
else if (v_ikast_brande == "ikast_brande"){
$('div#baggrund_ikast_brande').hide();
v_ikast_brande = "no";}
});
$('area#skive_imagemap').click(function(){
if (v_skive == "no") {
$('div#baggrund_skive').show();
v_skive = "skive";}
else if (v_skive == "skive"){
$('div#baggrund_skive').hide();
v_skive = "no";}
});
$('area#hedensted_imagemap').click(function(){
if (v_hedensted == "no") {
$('div#baggrund_hedensted').show();
v_hedensted = "hedensted";}
else if (v_hedensted == "hedensted"){
$('div#baggrund_hedensted').hide();
v_hedensted = "no";}
});
$('area#horsens_imagemap').click(function(){
if (v_horsens == "no") {
$('div#baggrund_horsens').show();
v_horsens = "horsens";}
else if (v_horsens == "horsens"){
$('div#baggrund_horsens').hide();
v_horsens = "no";}
});
$('area#viborg_imagemap').click(function(){
if (v_viborg == "no") {
$('div#baggrund_viborg').show();
v_viborg = "viborg";}
else if (v_viborg == "viborg"){
$('div#baggrund_viborg').hide();
v_viborg = "no";}
});
$('area#silkeborg_imagemap').click(function(){
if (v_silkeborg == "no") {
$('div#baggrund_silkeborg').show();
v_silkeborg = "silkeborg";}
else if (v_silkeborg == "silkeborg"){
$('div#baggrund_silkeborg').hide();
v_silkeborg = "no";}
});
$('area#samso_imagemap').click(function(){
if (v_samso == "no") {
$('div#baggrund_samso').show();
v_samso = "samso";}
else if (v_samso == "samso"){
$('div#baggrund_samso').hide();
v_samso = "no";}
});
$('area#odder_imagemap').click(function(){
if (v_odder == "no") {
$('div#baggrund_odder').show();
v_odder = "odder";}
else if (v_odder == "odder"){
$('div#baggrund_odder').hide();
v_odder = "no";}
});
$('area#skanderborg_imagemap').click(function(){
if (v_skanderborg == "no") {
$('div#baggrund_skanderborg').show();
v_skanderborg = "skanderborg";}
else if (v_skanderborg == "skanderborg"){
$('div#baggrund_skanderborg').hide();
v_skanderborg = "no";}
});
$('area#favrskov_imagemap').click(function(){
if (v_favrskov == "no") {
$('div#baggrund_favrskov').show();
v_favrskov = "favrskov";}
else if (v_favrskov == "favrskov"){
$('div#baggrund_favrskov').hide();
v_favrskov = "no";}
});
$('area#randers_imagemap').click(function(){
if (v_randers == "no") {
$('div#baggrund_randers').show();
v_randers = "randers";}
else if (v_randers == "randers"){
$('div#baggrund_randers').hide();
v_randers = "no";}
});
$('area#aarhus_imagemap').click(function(){
if (v_aarhus == "no") {
$('div#baggrund_aarhus').show();
v_aarhus = "aarhus";}
else if (v_aarhus == "aarhus"){
$('div#baggrund_aarhus').hide();
v_aarhus = "no";}
});
$('area#syddjurs_imagemap').click(function(){
if (v_syddjurs == "no") {
$('div#baggrund_syddjurs').show();
v_syddjurs = "syddjurs";}
else if (v_syddjurs == "syddjurs"){
$('div#baggrund_syddjurs').hide();
v_syddjurs = "no";}
});
$('area#norddjurs_imagemap').click(function(){
if (v_norddjurs == "no") {
$('div#baggrund_norddjurs').show();
v_norddjurs = "norddjurs";}
else if (v_norddjurs == "norddjurs"){
$('div#baggrund_norddjurs').hide();
v_norddjurs = "no";}
});
$('area#thisted_imagemap').click(function(){
if (v_thisted == "no") {
$('div#baggrund_thisted').show();
v_thisted = "thisted";}
else if (v_thisted == "thisted"){
$('div#baggrund_thisted').hide();
v_thisted = "no";}
});
$('area#morso_imagemap').click(function(){
if (v_morso == "no") {
$('div#baggrund_morso').show();
v_morso = "morso";}
else if (v_morso == "morso"){
$('div#baggrund_morso').hide();
v_morso = "no";}
});
$('area#jammerbugt_imagemap').click(function(){
if (v_jammerbugt == "no") {
$('div#baggrund_jammerbugt').show();
v_jammerbugt = "jammerbugt";}
else if (v_jammerbugt == "jammerbugt"){
$('div#baggrund_jammerbugt').hide();
v_jammerbugt = "no";}
});
$('area#hjorring_imagemap').click(function(){
if (v_hjorring == "no") {
$('div#baggrund_hjorring').show();
v_hjorring = "hjorring";}
else if (v_hjorring == "hjorring"){
$('div#baggrund_hjorring').hide();
v_hjorring = "no";}
});
$('area#frederikshavn_imagemap').click(function(){
if (v_frederikshavn == "no") {
$('div#baggrund_frederikshavn').show();
v_frederikshavn = "frederikshavn";}
else if (v_frederikshavn == "frederikshavn"){
$('div#baggrund_frederikshavn').hide();
v_frederikshavn = "no";}
});
$('area#bronderslev_dronninglund_imagemap').click(function(){
if (v_bronderslev_dronninglund == "no") {
$('div#baggrund_bronderslev_dronninglund').show();
v_bronderslev_dronninglund = "bronderslev_dronninglund";}
else if (v_bronderslev_dronninglund == "bronderslev_dronninglund"){
$('div#baggrund_bronderslev_dronninglund').hide();
v_bronderslev_dronninglund = "no";}
});
$('area#aalborg_imagemap').click(function(){
if (v_aalborg == "no") {
$('div#baggrund_aalborg').show();
v_aalborg = "aalborg";}
else if (v_aalborg == "aalborg"){
$('div#baggrund_aalborg').hide();
v_aalborg = "no";}
});
$('area#laeso_imagemap').click(function(){
if (v_laeso == "no") {
$('div#baggrund_laeso').show();
v_laeso = "laeso";}
else if (v_laeso == "laeso"){
$('div#baggrund_laeso').hide();
v_laeso = "no";}
});
$('area#vesthimmerland_imagemap').click(function(){
if (v_vesthimmerland == "no") {
$('div#baggrund_vesthimmerland').show();
v_vesthimmerland = "vesthimmerland";}
else if (v_vesthimmerland == "vesthimmerland"){
$('div#baggrund_vesthimmerland').hide();
v_vesthimmerland = "no";}
});
$('area#rebild_imagemap').click(function(){
if (v_rebild == "no") {
$('div#baggrund_rebild').show();
v_rebild = "rebild";}
else if (v_rebild == "rebild"){
$('div#baggrund_rebild').hide();
v_rebild = "no";}
});
$('area#mariager_fjord_imagemap').click(function(){
if (v_mariager_fjord == "no") {
$('div#baggrund_mariager_fjord').show();
v_mariager_fjord = "mariager_fjord";}
else if (v_mariager_fjord == "mariager_fjord"){
$('div#baggrund_mariager_fjord').hide();
v_mariager_fjord = "no";}
});
$('area#odsherred_imagemap').click(function(){
if (v_odsherred == "no") {
$('div#baggrund_odsherred').show();
v_odsherred = "odsherred";}
else if (v_odsherred == "odsherred"){
$('div#baggrund_odsherred').hide();
v_odsherred = "no";}
});
$('area#holbaek_imagemap').click(function(){
if (v_holbaek == "no") {
$('div#baggrund_holbaek').show();
v_holbaek = "holbaek";}
else if (v_holbaek == "holbaek"){
$('div#baggrund_holbaek').hide();
v_holbaek = "no";}
});
$('area#lejre_imagemap').click(function(){
if (v_lejre == "no") {
$('div#baggrund_lejre').show();
v_lejre = "lejre";}
else if (v_lejre == "lejre"){
$('div#baggrund_lejre').hide();
v_lejre = "no";}
});
$('area#roskilde_imagemap').click(function(){
if (v_roskilde == "no") {
$('div#baggrund_roskilde').show();
v_roskilde = "roskilde";}
else if (v_roskilde == "roskilde"){
$('div#baggrund_roskilde').hide();
v_roskilde = "no";}
});
$('area#greve_imagemap').click(function(){
if (v_greve == "no") {
$('div#baggrund_greve').show();
v_greve = "greve";}
else if (v_greve == "greve"){
$('div#baggrund_greve').hide();
v_greve = "no";}
});
$('area#solrod_imagemap').click(function(){
if (v_solrod == "no") {
$('div#baggrund_solrod').show();
v_solrod = "solrod";}
else if (v_solrod == "solrod"){
$('div#baggrund_solrod').hide();
v_solrod = "no";}
});
$('area#kalundborg_imagemap').click(function(){
if (v_kalundborg == "no") {
$('div#baggrund_kalundborg').show();
v_kalundborg = "kalundborg";}
else if (v_kalundborg == "kalundborg"){
$('div#baggrund_kalundborg').hide();
v_kalundborg = "no";}
});
$('area#soro_imagemap').click(function(){
if (v_soro == "no") {
$('div#baggrund_soro').show();
v_soro = "soro";}
else if (v_soro == "soro"){
$('div#baggrund_soro').hide();
v_soro = "no";}
});
$('area#ringsted_imagemap').click(function(){
if (v_ringsted == "no") {
$('div#baggrund_ringsted').show();
v_ringsted = "ringsted";}
else if (v_ringsted == "ringsted"){
$('div#baggrund_ringsted').hide();
v_ringsted = "no";}
});
$('area#koge_imagemap').click(function(){
if (v_koge == "no") {
$('div#baggrund_koge').show();
v_koge = "koge";}
else if (v_koge == "koge"){
$('div#baggrund_koge').hide();
v_koge = "no";}
});
$('area#slagelse_imagemap').click(function(){
if (v_slagelse == "no") {
$('div#baggrund_slagelse').show();
v_slagelse = "slagelse";}
else if (v_slagelse == "slagelse"){
$('div#baggrund_slagelse').hide();
v_slagelse = "no";}
});
$('area#naestved_imagemap').click(function(){
if (v_naestved == "no") {
$('div#baggrund_naestved').show();
v_naestved = "naestved";}
else if (v_naestved == "naestved"){
$('div#baggrund_naestved').hide();
v_naestved = "no";}
});
$('area#faxe_imagemap').click(function(){
if (v_faxe == "no") {
$('div#baggrund_faxe').show();
v_faxe = "faxe";}
else if (v_faxe == "faxe"){
$('div#baggrund_faxe').hide();
v_faxe = "no";}
});
$('area#stevns_imagemap').click(function(){
if (v_stevns == "no") {
$('div#baggrund_stevns').show();
v_stevns = "stevns";}
else if (v_stevns == "stevns"){
$('div#baggrund_stevns').hide();
v_stevns = "no";}
});
$('area#vordingborg_imagemap').click(function(){
if (v_vordingborg == "no") {
$('div#baggrund_vordingborg').show();
v_vordingborg = "vordingborg";}
else if (v_vordingborg == "vordingborg"){
$('div#baggrund_vordingborg').hide();
v_vordingborg = "no";}
});
$('area#guldborgsund_imagemap').click(function(){
if (v_guldborgsund == "no") {
$('div#baggrund_guldborgsund').show();
v_guldborgsund = "guldborgsund";}
else if (v_guldborgsund == "guldborgsund"){
$('div#baggrund_guldborgsund').hide();
v_guldborgsund = "no";}
});
$('area#lolland_imagemap').click(function(){
if (v_lolland == "no") {
$('div#baggrund_lolland').show();
v_lolland = "lolland";}
else if (v_lolland == "lolland"){
$('div#baggrund_lolland').hide();
v_lolland = "no";}
});
$('area#helsingor_imagemap').click(function(){
if (v_helsingor == "no") {
$('div#baggrund_helsingor').show();
v_helsingor = "helsingor";}
else if (v_helsingor == "helsingor"){
$('div#baggrund_helsingor').hide();
v_helsingor = "no";}
});
$('area#gribskov_imagemap').click(function(){
if (v_gribskov == "no") {
$('div#baggrund_gribskov').show();
v_gribskov = "gribskov";}
else if (v_gribskov == "gribskov"){
$('div#baggrund_gribskov').hide();
v_gribskov = "no";}
});
$('area#halsnaes_imagemap').click(function(){
if (v_halsnaes == "no") {
$('div#baggrund_halsnaes').show();
v_halsnaes = "halsnaes";}
else if (v_halsnaes == "halsnaes"){
$('div#baggrund_halsnaes').hide();
v_halsnaes = "no";}
});
$('area#fredensborg_imagemap').click(function(){
if (v_fredensborg == "no") {
$('div#baggrund_fredensborg').show();
v_fredensborg = "fredensborg";}
else if (v_fredensborg == "fredensborg"){
$('div#baggrund_fredensborg').hide();
v_fredensborg= "no";}
});
$('area#hillerod_imagemap').click(function(){
if (v_hillerod == "no") {
$('div#baggrund_hillerod').show();
v_hillerod = "hillerod";}
else if (v_hillerod == "hillerod"){
$('div#baggrund_hillerod').hide();
v_hillerod = "no";}
});
$('area#frederikssund_imagemap').click(function(){
if (v_frederikssund == "no") {
$('div#baggrund_frederikssund').show();
v_frederikssund = "frederikssund";}
else if (v_frederikssund == "frederikssund"){
$('div#baggrund_frederikssund').hide();
v_frederikssund = "no";}
});
$('area#allerod_imagemap').click(function(){
if (v_allerod == "no") {
$('div#baggrund_allerod').show();
v_allerod = "allerod";}
else if (v_allerod == "allerod"){
$('div#baggrund_allerod').hide();
v_allerod = "no";}
});
$('area#horsholm_imagemap').click(function(){
if (v_horsholm == "no") {
$('div#baggrund_horsholm').show();
v_horsholm = "horsholm";}
else if (v_horsholm == "horsholm"){
$('div#baggrund_horsholm').hide();
v_horsholm = "no";}
});
$('area#rudersdal_imagemap').click(function(){
if (v_rudersdal == "no") {
$('div#baggrund_rudersdal').show();
v_rudersdal = "rudersdal";}
else if (v_rudersdal == "rudersdal"){
$('div#baggrund_rudersdal').hide();
v_rudersdal = "no";}
});
$('area#fureso_imagemap').click(function(){
if (v_fureso == "no") {
$('div#baggrund_fureso').show();
v_fureso = "fureso";}
else if (v_fureso == "fureso"){
$('div#baggrund_fureso').hide();
v_fureso = "no";}
});
$('area#egedal_imagemap').click(function(){
if (v_egedal == "no") {
$('div#baggrund_egedal').show();
v_egedal = "egedal";}
else if (v_egedal == "egedal"){
$('div#baggrund_egedal').hide();
v_egedal = "no";}
});
$('area#ballerup_imagemap').click(function(){
if (v_ballerup == "no") {
$('div#baggrund_ballerup').show();
v_ballerup = "ballerup";}
else if (v_ballerup == "ballerup"){
$('div#baggrund_ballerup').hide();
v_ballerup = "no";}
});
$('area#herlev_imagemap').click(function(){
if (v_herlev == "no") {
$('div#baggrund_herlev').show();
v_herlev = "herlev";}
else if (v_herlev == "herlev"){
$('div#baggrund_herlev').hide();
v_herlev = "no";}
});
$('area#gladsaxe_imagemap').click(function(){
if (v_gladsaxe == "no") {
$('div#baggrund_gladsaxe').show();
v_gladsaxe = "gladsaxe";}
else if (v_gladsaxe == "gladsaxe"){
$('div#baggrund_gladsaxe').hide();
v_gladsaxe = "no";}
});
$('area#lyngby_taarnbaek_imagemap').click(function(){
if (v_lyngby_taarnbaek == "no") {
$('div#baggrund_lyngby_taarnbaek').show();
v_lyngby_taarnbaek = "lyngby_taarnbaek";}
else if (v_lyngby_taarnbaek == "lyngby_taarnbaek"){
$('div#baggrund_lyngby_taarnbaek').hide();
v_lyngby_taarnbaek = "no";}
});
$('area#gentofte_imagemap').click(function(){
if (v_gentofte == "no") {
$('div#baggrund_gentofte').show();
v_gentofte = "gentofte";}
else if (v_gentofte == "gentofte"){
$('div#baggrund_gentofte').hide();
v_gentofte = "no";}
});
$('area#kbh_imagemap').click(function(){
if (v_kbh == "no") {
$('div#baggrund_kbh').show();
v_kbh = "kbh";}
else if (v_kbh == "kbh"){
$('div#baggrund_kbh').hide();
v_kbh = "no";}
});
$('area#frederiksberg_imagemap').click(function(){
if (v_frederiksberg == "no") {
$('div#baggrund_frederiksberg').show();
v_frederiksberg = "frederiksberg";}
else if (v_frederiksberg == "frederiksberg"){
$('div#baggrund_frederiksberg').hide();
v_frederiksberg = "no";}
});
$('area#rodovre_imagemap').click(function(){
if (v_rodovre == "no") {
$('div#baggrund_rodovre').show();
v_rodovre = "rodovre";}
else if (v_rodovre == "rodovre"){
$('div#baggrund_rodovre').hide();
v_rodovre = "no";}
});
$('area#glostrup_imagemap').click(function(){
if (v_glostrup == "no") {
$('div#baggrund_glostrup').show();
v_glostrup = "glostrup";}
else if (v_glostrup == "glostrup"){
$('div#baggrund_glostrup').hide();
v_glostrup = "no";}
});
$('area#albertslund_imagemap').click(function(){
if (v_albertslund == "no") {
$('div#baggrund_albertslund').show();
v_albertslund = "albertslund";}
else if (v_albertslund == "albertslund"){
$('div#baggrund_albertslund').hide();
v_albertslund = "no";}
});
$('area#hoje_taastrup_imagemap').click(function(){
if (v_hoje_taastrup == "no") {
$('div#baggrund_hoje_taastrup').show();
v_hoje_taastrup = "hoje_taastrup";}
else if (v_hoje_taastrup == "hoje_taastrup"){
$('div#baggrund_hoje_taastrup').hide();
v_hoje_taastrup = "no";}
});
$('area#ishoj_imagemap').click(function(){
if (v_ishoj == "no") {
$('div#baggrund_ishoj').show();
v_ishoj = "ishoj";}
else if (v_ishoj == "ishoj"){
$('div#baggrund_ishoj').hide();
v_ishoj = "no";}
});
$('area#bornholm_imagemap').click(function(){
if (v_bornholm == "no") {
$('div#baggrund_bornholm').show();
v_bornholm = "bornholm";}
else if (v_bornholm == "bornholm"){
$('div#baggrund_bornholm').hide();
v_bornholm = "no";}
});
$('area#vallensbaek_imagemap').click(function(){
if (v_vallensbaek == "no") {
$('div#baggrund_vallensbaek').show();
v_vallensbaek = "vallensbaek";}
else if (v_vallensbaek == "vallensbaek"){
$('div#baggrund_vallensbaek').hide();
v_vallensbaek = "no";}
});
$('area#brondby_imagemap').click(function(){
if (v_brondby == "no") {
$('div#baggrund_brondby').show();
v_brondby = "brondby";}
else if (v_brondby == "brondby"){
$('div#baggrund_brondby').hide();
v_brondby = "no";}
});
$('area#hvidovre_imagemap').click(function(){
if (v_hvidovre == "no") {
$('div#baggrund_hvidovre').show();
v_hvidovre = "hvidovre";}
else if (v_hvidovre == "hvidovre"){
$('div#baggrund_hvidovre').hide();
v_hvidovre = "no";}
});
$('area#taarnby_imagemap').click(function(){
if (v_taarnby == "no") {
$('div#baggrund_taarnby').show();
v_taarnby = "taarnby";}
else if (v_taarnby == "taarnby"){
$('div#baggrund_taarnby').hide();
v_taarnby = "no";}
});
$('area#dragor_imagemap').click(function(){
if (v_dragor == "no") {
$('div#baggrund_dragor').show();
v_dragor = "dragor";}
else if (v_dragor == "dragor"){
$('div#baggrund_dragor').hide();
v_dragor = "no";}
});
$('area#assens_imagemap').click(function(){
if (v_assens == "no") {
$('div#baggrund_assens').show();
v_assens = "assens";}
else if (v_assens == "assens"){
$('div#baggrund_assens').hide();
v_assens = "no";}
});
$('area#faaborgmidtfyn_imagemap').click(function(){
if (v_faaborgmidtfyn == "no") {
$('div#baggrund_faaborgmidtfyn').show();
v_faaborgmidtfyn = "faaborgmidtfyn";}
else if (v_faaborgmidtfyn == "faaborgmidtfyn"){
$('div#baggrund_faaborgmidtfyn').hide();
v_faaborgmidtfyn = "no";}
});
$('area#svendborg_imagemap').click(function(){
if (v_svendborg == "no") {
$('div#baggrund_svendborg').show();
v_svendborg = "svendborg";}
else if (v_svendborg == "svendborg"){
$('div#baggrund_svendborg').hide();
v_svendborg = "no";}
});
$('area#langeland_imagemap').click(function(){
if (v_langeland == "no") {
$('div#baggrund_langeland').show();
v_langeland = "langeland";}
else if (v_langeland == "langeland"){
$('div#baggrund_langeland').hide();
v_langeland = "no";}
});
$('area#aero_imagemap').click(function(){
if (v_aero == "no") {
$('div#baggrund_aero').show();
v_aero = "aero";}
else if (v_aero == "aero"){
$('div#baggrund_aero').hide();
v_aero = "no";}
});
$('area#nyborg_imagemap').click(function(){
if (v_nyborg == "no") {
$('div#baggrund_nyborg').show();
v_nyborg = "nyborg";}
else if (v_nyborg == "nyborg"){
$('div#baggrund_nyborg').hide();
v_nyborg = "no";}
});
$('area#kerteminde_imagemap').click(function(){
if (v_kerteminde == "no") {
$('div#baggrund_kerteminde').show();
v_kerteminde = "kerteminde";}
else if (v_kerteminde == "kerteminde"){
$('div#baggrund_kerteminde').hide();
v_kerteminde = "no";}
});
$('area#odense_imagemap').click(function(){
if (v_odense == "no") {
$('div#baggrund_odense').show();
v_odense = "odense";}
else if (v_odense == "odense"){
$('div#baggrund_odense').hide();
v_odense = "no";}
});
$('area#nordfyn_imagemap').click(function(){
if (v_nordfyn == "no") {
$('div#baggrund_nordfyn').show();
v_nordfyn = "nordfyn";}
else if (v_nordfyn == "nordfyn"){
$('div#baggrund_nordfyn').hide();
v_nordfyn = "no";}
});
$('area#middelfart_imagemap').click(function(){
if (v_middelfart == "no") {
$('div#baggrund_middelfart').show();
v_middelfart = "middelfart";}
else if (v_middelfart == "middelfart"){
$('div#baggrund_middelfart').hide();
v_middelfart = "no";}
});
$('area#sonderborg_imagemap').click(function(){
if (v_sonderborg == "no") {
$('div#baggrund_sonderborg').show();
v_sonderborg = "sonderborg";}
else if (v_sonderborg == "sonderborg"){
$('div#baggrund_sonderborg').hide();
v_sonderborg = "no";}
});
$('area#aabenraa_imagemap').click(function(){
if (v_aabenraa == "no") {
$('div#baggrund_aabenraa').show();
v_aabenraa = "aabenraa";}
else if (v_aabenraa == "aabenraa"){
$('div#baggrund_aabenraa').hide();
v_aabenraa = "no";}
});
$('area#tonder_imagemap').click(function(){
if (v_tonder == "no") {
$('div#baggrund_tonder').show();
v_tonder = "tonder";}
else if (v_tonder == "tonder"){
$('div#baggrund_tonder').hide();
v_tonder = "no";}
});
$('area#haderslev_imagemap').click(function(){
if (v_haderslev == "no") {
$('div#baggrund_haderslev').show();
v_haderslev = "haderslev";}
else if (v_haderslev == "haderslev"){
$('div#baggrund_haderslev').hide();
v_haderslev = "no";}
});
$('area#kolding_imagemap').click(function(){
if (v_kolding == "no") {
$('div#baggrund_kolding').show();
v_kolding = "kolding";}
else if (v_kolding == "kolding"){
$('div#baggrund_kolding').hide();
v_kolding = "no";}
});
$('area#fredericia_imagemap').click(function(){
if (v_fredericia == "no") {
$('div#baggrund_fredericia').show();
v_fredericia = "fredericia";}
else if (v_fredericia == "fredericia"){
$('div#baggrund_fredericia').hide();
v_fredericia = "no";}
});
$('area#vejle_imagemap').click(function(){
if (v_vejle == "no") {
$('div#baggrund_vejle').show();
v_vejle = "vejle";}
else if (v_vejle == "vejle"){
$('div#baggrund_vejle').hide();
v_vejle = "no";}
});
$('area#vejen_imagemap').click(function(){
if (v_vejen == "no") {
$('div#baggrund_vejen').show();
v_vejen = "vejen";}
else if (v_vejen == "vejen"){
$('div#baggrund_vejen').hide();
v_vejen = "no";}
});
$('area#esbjerg_imagemap').click(function(){
if (v_esbjerg == "no") {
$('div#baggrund_esbjerg').show();
v_esbjerg = "esbjerg";}
else if (v_esbjerg == "esbjerg"){
$('div#baggrund_esbjerg').hide();
v_esbjerg = "no";}
});
$('area#fano_imagemap').click(function(){
if (v_fano == "no") {
$('div#baggrund_fano').show();
v_fano = "fano";}
else if (v_fano == "fano"){
$('div#baggrund_fano').hide();
v_fano = "no";}
});
$('area#billund_imagemap').click(function(){
if (v_billund == "no") {
$('div#baggrund_billund').show();
v_billund = "billund";}
else if (v_billund == "billund"){
$('div#baggrund_billund').hide();
v_billund = "no";}
});
$('area#varde_imagemap').click(function(){
if (v_varde == "no") {
$('div#baggrund_varde').show();
v_varde = "varde";}
else if (v_varde == "varde"){
$('div#baggrund_varde').hide();
v_varde = "no";}
});
$('area#syddanmark_imagemap').click(function(){
v_region_syddanmark = "syddanmark";
v_region_sjaelland = "no_sjaelland";
v_region_midtjylland = "no_midtjylland";
v_region_hovedstaden = "no_hovedstaden";
v_region_nordjylland = "no_nordjylland";
$('div#name-data').hide();
$('div#name-syddanmark').show();
$('div#name-sjaelland').hide();
$('div#name-hovedstaden').hide();
$('div#name-midtjylland').hide();
$('div#name-nordjylland').hide();
$('div#baggrund_syddanmark').show();
$('div#baggrund_midtjylland').hide();
$('div#baggrund_nordjylland').hide();
$('div#baggrund_sjaelland').hide();
$('div#baggrund_hovedstaden').hide();
});
$('area#sjaelland_imagemap').click(function(){
v_region_syddanmark = "no_syddanmark";
v_region_sjaelland = "sjaelland";
v_region_midtjylland = "no_midtjylland";
v_region_hovedstaden = "no_hovedstaden";
v_region_nordjylland = "no_nordjylland";
$('div#name-data').hide();
$('div#name-syddanmark').hide();
$('div#name-sjaelland').show();
$('div#name-hovedstaden').hide();
$('div#name-midtjylland').hide();
$('div#name-nordjylland').hide();
$('div#baggrund_midtjylland').hide();
$('div#baggrund_syddanmark').hide();
$('div#baggrund_nordjylland').hide();
$('div#baggrund_sjaelland').show();
$('div#baggrund_hovedstaden').hide();
});
$('area#hovedstaden_imagemap').click(function(){
v_region_syddanmark = "no_syddanmark";
v_region_sjaelland = "no_sjaelland";
v_region_midtjylland = "no_midtjylland";
v_region_hovedstaden = "hovedstaden";
v_region_nordjylland = "no_nordjylland";
$('div#name-data').hide();
$('div#name-syddanmark').hide();
$('div#name-sjaelland').hide();
$('div#name-hovedstaden').show();
$('div#name-midtjylland').hide();
$('div#name-nordjylland').hide();
$('div#baggrund_midtjylland').hide();
$('div#baggrund_syddanmark').hide();
$('div#baggrund_nordjylland').hide();
$('div#baggrund_sjaelland').hide();
$('div#baggrund_hovedstaden').show();
});
$('area#midtjylland_imagemap').click(function(){
v_region_syddanmark = "no_syddanmark";
v_region_sjaelland = "no_sjaelland";
v_region_midtjylland = "midtjylland";
v_region_hovedstaden = "no_hovedstaden";
v_region_nordjylland = "no_nordjylland";
$('div#name-data').hide();
$('div#name-syddanmark').hide();
$('div#name-sjaelland').hide();
$('div#name-hovedstaden').hide();
$('div#name-midtjylland').show();
$('div#name-nordjylland').hide();
$('div#baggrund_midtjylland').show();
$('div#baggrund_syddanmark').hide();
$('div#baggrund_nordjylland').hide();
$('div#baggrund_sjaelland').hide();
$('div#baggrund_hovedstaden').hide();
});
$('area#nordjylland_imagemap').click(function(){
v_region_syddanmark = "no_syddanmark";
v_region_sjaelland = "no_sjaelland";
v_region_midtjylland = "no_midtjylland";
v_region_hovedstaden = "no_hovedstaden";
v_region_nordjylland = "nordjylland";
$('div#name-data').hide();
$('div#name-syddanmark').hide();
$('div#name-sjaelland').hide();
$('div#name-hovedstaden').hide();
$('div#name-midtjylland').hide();
$('div#name-nordjylland').show();
$('div#baggrund_midtjylland').hide();
$('div#baggrund_syddanmark').hide();
$('div#baggrund_nordjylland').show();
$('div#baggrund_sjaelland').hide();
$('div#baggrund_hovedstaden').hide();
});
});
$('input#sog').on('click', function() {
$('div#name-syddanmark').hide();
$('div#name-hovedstaden').hide();
$('div#name-midtjylland').hide();
$('div#name-sjaelland').hide();
$('div#name-nordjylland').hide();
$('div#name-data').show();
$.post('name.php', { v_region_syddanmark: v_region_syddanmark, v_region_sjaelland: v_region_sjaelland, v_region_midtjylland: v_region_midtjylland, v_region_hovedstaden: v_region_hovedstaden, v_region_nordjylland: v_region_nordjylland,
v_assens: v_assens, v_billund: v_billund, v_esbjerg: v_esbjerg, v_fano: v_fano, v_fredericia: v_fredericia, v_faaborgmidtfyn: v_faaborgmidtfyn, v_haderslev: v_haderslev, v_kerteminde: v_kerteminde, v_kolding: v_kolding, v_langeland: v_langeland, v_middelfart: v_middelfart, v_nordfyn: v_nordfyn, v_nyborg: v_nyborg, v_odense: v_odense, v_svendborg: v_svendborg, v_sonderborg: v_sonderborg, v_tonder: v_tonder, v_varde: v_varde, v_vejen: v_vejen, v_vejle: v_vejle, v_aero: v_aero, v_aabenraa: v_aabenraa,
v_faxe: v_faxe, v_greve: v_greve, v_guldborgsund: v_guldborgsund, v_holbaek: v_holbaek, v_kalundborg: v_kalundborg, v_koge: v_koge, v_lejre: v_lejre, v_lolland: v_lolland, v_naestved: v_naestved, v_odsherred: v_odsherred, v_ringsted: v_ringsted, v_roskilde: v_roskilde, v_slagelse: v_slagelse, v_solrod: v_solrod, v_soro: v_soro, v_stevns: v_stevns, v_vordingborg: v_vordingborg,
v_favrskov: v_favrskov, v_herning: v_herning, v_hedensted: v_hedensted, v_horsens: v_horsens, v_holsterbro: v_holsterbro, v_ikast_brande: v_ikast_brande, v_lemvig: v_lemvig, v_norddjurs: v_norddjurs, v_odder: v_odder, v_randers: v_randers, v_ringkobing_skjern: v_ringkobing_skjern, v_samso: v_samso, v_silkeborg: v_silkeborg, v_skanderborg: v_skanderborg, v_skive: v_skive, v_struer: v_struer, v_syddjurs: v_syddjurs, v_viborg: v_viborg, v_aarhus: v_aarhus,
v_bronderslev_dronninglund: v_bronderslev_dronninglund, v_frederikshavn: v_frederikshavn, v_hjorring: v_hjorring, v_jammerbugt: v_jammerbugt, v_laeso: v_laeso, v_mariager_fjord: v_mariager_fjord, v_morso: v_morso, v_rebild: v_rebild, v_thisted: v_thisted, v_vesthimmerland: v_vesthimmerland, v_aalborg: v_aalborg,
v_helsingor: v_helsingor, v_gribskov: v_gribskov, v_halsnaes: v_halsnaes, v_fredensborg: v_fredensborg, v_hillerod: v_hillerod, v_frederikssund: v_frederikssund, v_allerod: v_allerod, v_horsholm: v_horsholm, v_rudersdal: v_rudersdal, v_fureso: v_fureso, v_egedal: v_egedal, v_ballerup: v_ballerup, v_herlev: v_herlev, v_gladsaxe: v_gladsaxe, v_lyngby_taarnbaek: v_lyngby_taarnbaek, v_gentofte: v_gentofte, v_kbh: v_kbh, v_frederiksberg: v_frederiksberg, v_rodovre: v_rodovre, v_glostrup: v_glostrup, v_albertslund: v_albertslund, v_hoje_taastrup: v_hoje_taastrup, v_ishoj: v_ishoj, v_bornholm: v_bornholm, v_vallensbaek: v_vallensbaek, v_brondby: v_brondby, v_hvidovre: v_hvidovre, v_taarnby: v_taarnby, v_dragor: v_dragor},
function(data) {
$('div#name-data').html(data);
});
});
<?php
require 'connect.php';
$er_region_syddanmark = $_POST['v_region_syddanmark'];
$er_region_sjaelland = $_POST['v_region_sjaelland'];
$er_region_midtjylland = $_POST['v_region_midtjylland'];
$er_region_hovedstaden = $_POST['v_region_hovedstaden'];
$er_region_nordjylland = $_POST['v_region_nordjylland'];
if ($er_region_syddanmark == syddanmark) {
$valgt_region = syddanmark;
}
if ($er_region_sjaelland == sjaelland) {
$valgt_region = sjaelland;
}
if ($er_region_midtjylland == midtjylland) {
$valgt_region = midtjylland;
}
if ($er_region_hovedstaden == hovedstaden) {
$valgt_region = hovedstaden;
}
if ($er_region_nordjylland == nordjylland) {
$valgt_region = nordjylland;
}
$valgt_helsingor = $_POST['v_helsingor'];
$valgt_gribskov = $_POST['v_gribskov'];
$valgt_halsnaes = $_POST['v_halsnaes'];
$valgt_fredensborg = $_POST['v_fredensborg'];
$valgt_hillerod = $_POST['v_hillerod'];
$valgt_frederikssund = $_POST['v_frederikssund'];
$valgt_allerod = $_POST['v_allerod'];
$valgt_horsholm = $_POST['v_horsholm'];
$valgt_rudersdal = $_POST['v_rudersdal'];
$valgt_fureso = $_POST['v_fureso'];
$valgt_egedal = $_POST['v_egedal'];
$valgt_ballerup = $_POST['v_ballerup'];
$valgt_herlev = $_POST['v_herlev'];
$valgt_gladsaxe = $_POST['v_gladsaxe'];
$valgt_lyngby_taarnbaek = $_POST['v_lyngby_taarnbaek'];
$valgt_gentofte = $_POST['v_gentofte'];
$valgt_kbh = $_POST['v_kbh'];
$valgt_frederiksberg = $_POST['v_frederiksberg'];
$valgt_rodovre = $_POST['v_rodovre'];
$valgt_glostrup = $_POST['v_glostrup'];
$valgt_albertslund = $_POST['v_albertslund'];
$valgt_hoje_taastrup = $_POST['v_hoje_taastrup'];
$valgt_ishoj = $_POST['v_ishoj'];
$valgt_bornholm = $_POST['v_bornholm'];
$valgt_vallensbaek = $_POST['v_vallensbaek'];
$valgt_brondby = $_POST['v_brondby'];
$valgt_hvidovre = $_POST['v_hvidovre'];
$valgt_taarnby = $_POST['v_taarnby'];
$valgt_dragor = $_POST['v_dragor'];
$valgt_assens = $_POST['v_assens']; //De kommuner som herunder er valgt i html filen, vil hedde kommunens navn i variablen. Eks. er Svendborg markeret i html filen, s¿il $valgt_svendborg v¿ "svendborg".
$valgt_billund = $_POST['v_billund'];
$valgt_esbjerg = $_POST['v_esbjerg'];
$valgt_fano = $_POST['v_fano'];
$valgt_fredericia = $_POST['v_fredericia'];
$valgt_faaborgmidtfyn = $_POST['v_faaborgmidtfyn'];
$valgt_haderslev = $_POST['v_haderslev'];
$valgt_hedensted = $_POST['v_hedensted'];
$valgt_horsens = $_POST['v_horsens'];
$valgt_kerteminde = $_POST['v_kerteminde'];
$valgt_kolding = $_POST['v_kolding'];
$valgt_langeland = $_POST['v_langeland'];
$valgt_middelfart = $_POST['v_middelfart'];
$valgt_nordfyn = $_POST['v_nordfyn'];
$valgt_nyborg = $_POST['v_nyborg'];
$valgt_odense = $_POST['v_odense'];
$valgt_svendborg = $_POST['v_svendborg'];
$valgt_sonderborg = $_POST['v_sonderborg'];
$valgt_tonder = $_POST['v_tonder'];
$valgt_varde = $_POST['v_varde'];
$valgt_vejen = $_POST['v_vejen'];
$valgt_vejle = $_POST['v_vejle'];
$valgt_aero = $_POST['v_aero'];
$valgt_aabenraa = $_POST['v_aabenraa'];
$valgt_faxe = $_POST['v_faxe'];
$valgt_greve = $_POST['v_greve'];
$valgt_guldborgsund = $_POST['v_guldborgsund'];
$valgt_holbaek = $_POST['v_holbaek'];
$valgt_kalundborg = $_POST['v_kalundborg'];
$valgt_koge = $_POST['v_koge'];
$valgt_lejre = $_POST['v_lejre'];
$valgt_lolland = $_POST['v_lolland'];
$valgt_naestved = $_POST['v_naestved'];
$valgt_odsherred = $_POST['v_odsherred'];
$valgt_ringsted = $_POST['v_ringsted'];
$valgt_roskilde = $_POST['v_roskilde'];
$valgt_slagelse = $_POST['v_slagelse'];
$valgt_solrod = $_POST['v_solrod'];
$valgt_soro = $_POST['v_soro'];
$valgt_stevns = $_POST['v_stevns'];
$valgt_vordingborg = $_POST['v_vordingborg'];
$valgt_favrskov = $_POST['v_favrskov'];
$valgt_herning = $_POST['v_herning'];
$valgt_hedensted = $_POST['v_hedensted'];
$valgt_horsens = $_POST['v_horsens'];
$valgt_holsterbro = $_POST['v_holsterbro'];
$valgt_ikast_brande = $_POST['v_ikast_brande'];
$valgt_lemvig = $_POST['v_lemvig'];
$valgt_norddjurs = $_POST['v_norddjurs'];
$valgt_odder = $_POST['v_odder'];
$valgt_randers = $_POST['v_randers'];
$valgt_ringkobing_skjern = $_POST['v_ringkobing_skjern'];
$valgt_samso = $_POST['v_samso'];
$valgt_silkeborg = $_POST['v_silkeborg'];
$valgt_skanderborg = $_POST['v_skanderborg'];
$valgt_skive = $_POST['v_skive'];
$valgt_struer = $_POST['v_struer'];
$valgt_syddjurs = $_POST['v_syddjurs'];
$valgt_viborg = $_POST['v_viborg'];
$valgt_aarhus = $_POST['v_aarhus'];
$valgt_bronderslev_dronninglund = $_POST['v_bronderslev_dronninglund'];
$valgt_frederikshavn = $_POST['v_frederikshavn'];
$valgt_hjorring = $_POST['v_hjorring'];
$valgt_jammerbugt = $_POST['v_jammerbugt'];
$valgt_laeso = $_POST['v_laeso'];
$valgt_mariager_fjord = $_POST['v_mariager_fjord'];
$valgt_morso = $_POST['v_morso'];
$valgt_rebild = $_POST['v_rebild'];
$valgt_thisted = $_POST['v_thisted'];
$valgt_vesthimmerland = $_POST['v_vesthimmerland'];
$valgt_aalborg = $_POST['v_aalborg'];
$query = "SELECT * FROM danmark WHERE _region = '$valgt_region'
AND (_kommune = '$valgt_assens' OR _kommune = '$valgt_billund' OR _kommune = '$valgt_esbjerg' OR _kommune = '$valgt_fano' OR _kommune = '$valgt_fredericia' OR _kommune = '$valgt_faaborgmidtfyn' OR _kommune = '$valgt_haderslev' OR _kommune = '$valgt_hedensted' OR _kommune = '$valgt_horsens' OR _kommune = '$valgt_kerteminde' OR _kommune = '$valgt_kolding' OR _kommune = '$valgt_langeland' OR _kommune = '$valgt_middelfart' OR _kommune = '$valgt_nordfyn' OR _kommune = '$valgt_nyborg' OR _kommune = '$valgt_odense' OR _kommune = '$valgt_svendborg' OR _kommune = '$valgt_sonderborg' OR _kommune = '$valgt_tonder' OR _kommune = '$valgt_varde' OR _kommune = '$valgt_vejen' OR _kommune = '$valgt_vejle' OR _kommune = '$valgt_aero' OR _kommune = '$valgt_aabenraa'
OR _kommune = '$valgt_faxe' OR _kommune = '$valgt_greve' OR _kommune = '$valgt_guldborgsund' OR _kommune = '$valgt_holbaek' OR _kommune = '$valgt_kalundborg' OR _kommune = '$valgt_koge' OR _kommune = '$valgt_lejre' OR _kommune = '$valgt_lolland' OR _kommune = '$valgt_naestved' OR _kommune = '$valgt_odsherred' OR _kommune = '$valgt_ringsted' OR _kommune = '$valgt_roskilde' OR _kommune = '$valgt_slagelse' OR _kommune = '$valgt_solrod' OR _kommune = '$valgt_soro' OR _kommune = '$valgt_stevns' OR _kommune = '$valgt_vordingborg'
OR _kommune = '$valgt_favrskov' OR _kommune = '$valgt_herning' OR _kommune = '$valgt_hedensted' OR _kommune = '$valgt_horsens' OR _kommune = '$valgt_holsterbro' OR _kommune = '$valgt_ikast_brande' OR _kommune = '$valgt_lemvig' OR _kommune = '$valgt_norddjurs' OR _kommune = '$valgt_odder' OR _kommune = '$valgt_randers' OR _kommune = '$valgt_ringkobing_skjern' OR _kommune = '$valgt_samso' OR _kommune = '$valgt_silkeborg' OR _kommune = '$valgt_skanderborg' OR _kommune = '$valgt_skive' OR _kommune = '$valgt_struer' OR _kommune = '$valgt_syddjurs' OR _kommune = '$valgt_viborg' OR _kommune = '$valgt_aarhus'
OR _kommune = '$valgt_bronderslev_dronninglund' OR _kommune = '$valgt_frederikshavn' OR _kommune = '$valgt_hjorring' OR _kommune = '$valgt_jammerbugt' OR _kommune = '$valgt_laeso' OR _kommune = '$valgt_mariager_fjord' OR _kommune = '$valgt_morso' OR _kommune = '$valgt_rebild' OR _kommune = '$valgt_thisted' OR _kommune = '$valgt_vesthimmerland' OR _kommune = '$valgt_aalborg'
OR _kommune = '$valgt_helsingor' OR _kommune = '$valgt_gribskov' OR _kommune = '$valgt_halsnaes' OR _kommune = '$valgt_fredensborg' OR _kommune = '$valgt_hillerod' OR _kommune = '$valgt_frederikssund' OR _kommune = '$valgt_allerod' OR _kommune = '$valgt_horsholm' OR _kommune = '$valgt_rudersdal' OR _kommune = '$valgt_fureso' OR _kommune = '$valgt_egedal' OR _kommune = '$valgt_ballerup' OR _kommune = '$valgt_herlev' OR _kommune = '$valgt_gladsaxe' OR _kommune = '$valgt_lyngby_taarnbaek' OR _kommune = '$valgt_gentofte' OR _kommune = '$valgt_kbh' OR _kommune = '$valgt_frederiksberg' OR _kommune = '$valgt_rodovre' OR _kommune = '$valgt_glostrup' OR _kommune = '$valgt_albertslund' OR _kommune = '$valgt_hoje_taastrup' OR _kommune = '$valgt_ishoj' OR _kommune = '$valgt_bornholm' OR _kommune = '$valgt_vallensbaek' OR _kommune = '$valgt_brondby' OR _kommune = '$valgt_hvidovre' OR _kommune = '$valgt_taarnby' OR _kommune = '$valgt_dragor')
ORDER BY RAND() ";
echo '<table id="hor-zebra" summary="Datapass">
<thead>
<tr>
<th scope="col">name</th> //Name off table in DB
<th scope="col">age</th> //Name off table in DB
<th scope="col">issue</th> //Name off table in DB
<th scope="col">Description</th> //Name off table in DB
<th scope="col">quality</th> //Name off table in DB
</tr>
</thead>
<tbody>';
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo" <table border=0>
<table bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=515px>
<td border=0 COLSPAN=5 bgcolor=A4A4A4 width=340px><b>  "; echo $row['_arrangement'] . " </b></td>
<tr>
<td border=0 bordercolor=D8D8D8 COLSPAN=5>" . $row['_beskrivelse'] . " </td>
</tr>
<tr>
<td border=0 width=70px height=15px> <b>Adresse:</b></td>
<td COLSPAN=2> " . $row['_adresse'] . " </td>
<td width=10px ROWSPAN=2> "; printf('<a href="http://%s" target="_blank"><img src="images/asd.png" BORDER=0 width="41" height="41" /></a>', $row['_link']); echo "</td>
<td></td>
</tr>
<tr>
<td><b>Link:</b></td> <td COLSPAN=2> " . "<a href=http://".$row['_link'] ." target=_blank>" .$row['_link'] . " </a></td>
</tr>
<tr>
<td COLSPAN=2>" . "<img src=image.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
<td width=20px COLSPAN=3>" . "<img src=image_2.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
</tr>
</table>
<table WIDTH=612px height=16 ></table></table>";
}
?>
.gridview a.blocked:visited img {
-moz-opacity: 0.2; filter:alpha(opacity=20); opacity: 0.2;
}
#indhold1{
background:#FFFFFF;
}
#name-data{
background:#FFFFFF;
}
#name-syddanmark{
background:#FFFFFF;
}
#name-sjaelland{
background:#FFFFFF;
}
#name-hovedstaden{
background:#FFFFFF;
}
#name-midtjylland{
background:#FFFFFF;
}
#name-nordjylland{
background:#FFFFFF;
}
.imagemap2{
position:absolute;
top:10px;
left:50px;
z-index:2;
border:0;
}
.imagemap{
position:absolute;
top:15px;
left:25px;
z-index:1;
border:0;
}
.baggrund_dk_map{
position:absolute;
top:5px;
left:15px;
z-index:1;
border:0;
}
.baggrund_midtjylland_map{
position:absolute;
top:80px;
left:5px;
z-index:1;
border:0;
}
.baggrund_syddanmark_map{
position:absolute;
top:100px;
left:5px;
z-index:1;
border:0;
}
.baggrund_hovedstaden_map{
position:absolute;
top:0px;
left:5px;
z-index:1;
border:0;
}
.baggrund_sjaelland_map{
position:absolute;
top:0px;
left:100px;
z-index:1;
border:0;
}
.baggrund_nordjylland_map{
position:absolute;
top:0px;
left:0px;
z-index:1;
border:0;
}
.table_perfection{
padding:0;
border-spacing:0;
border:0;
}
.img{
width:100%;
}
.lort{
cursor: pointer;
border: 5px solid black;
left:100px;
top: 300px;
position:absolute;
}
.lort img{
-webkit-transition: all 1.3s;
}
.lort:hover img{
-webkit-transform:scale(1.3);
}
.indhold3{
width:1000px;
height:695px;
margin-top:0%;
margin-bottom:0%;
margin-left:auto;
margin-right:auto;
position:relative;
background:#;
border:solid 0px #f89a1e;
border-radius:10px; ´
}
.indhold{
width:1000px;
height:695px;
left: 0px;
margin-top:0%;
margin-bottom:0%;
margin-left:auto;
margin-right:auto;
position:absolute;
padding: 0px;
text-align:left;
color:black;
border:solid 0px #FFCC33;
border-radius:10px;
}
.indhold_opret_arrangement{
width:990px;
height:875px;
left: 110px;
margin-top:0%;
margin-bottom:0%;
margin-left:auto;
margin-right:auto;
position:absolute;
padding: 0px;
color:black;
border:solid 0px #FFCC33;
}
.kalender{
background:#;
}
.oplevelser{
background:#BA55D3;
}
.restaurenter{
background:#FF0000;
}
.feriesteder{
background:#3399FF;
}
.natteliv{
background:#2F4F4F;
}
.indsaet{
background:#CD5C5C;
}
.kontakt{
background:#32CD32;
}
.opret{
background:#BA55D3;
}
.login{
background:#D2B48C;
}
.registrer{
background:#32CD32;
}
.left{
width:95px;
height:95px;
position: absolute;
color:#FFFFF0;
text-align:center;
left: 0px;
}
.tile1{
top: 0px;
background:#f89a1e;
}
.tile2{
top: 100px;
background:#BA55D3;
}
.tile3{
top: 200px;
background:#FF0000;
}
.tile4{
top: 300px;
background:#3399FF;
}
.tile5{
top:400px;
background:#2F4F4F;
}
.tile6{
top:500px;
background:#CD5C5C;
}
.tile7{
top:600px;
background:#32CD32;
}
.big{
width:120px;
}
.right{
width:95px;
height:95px;
position: absolute;
color:#FFFFF0;
text-align:center;
left: 905px;
}
.lefttext{
position:absolute;
top:50px;
left:10px;
}
.lefttext1{
position:absolute;
top:40px;
left:10px;
}
.lefttext2{
position:absolute;
color: white;
}
.ka{
top:30px;
left:140px;
}
.at{
top:130px;
left:140px;
}
.re{
top:230px;
left:140px;
}
.fe{
top:330px;
left:140px;
}
.na{
top:430px;
left:140px;
}
.hovedtekst{
top:130px;
left:540px;
}
.tile11{
top: 20px;
background:#f89a1e;
}
.tile22{
top: 120px;
background:#BA55D3;
}
.tile33{
top: 220px;
background:#FF0000;
}
.tile44{
top: 320px;
background:#3399FF;
}
.tile55{
top:420px;
background:#2F4F4F;
}
.tile66{
top:520px;
background:#CD5C5C;
}
.tile77{
top:620px;
background:#32CD32;
}
.indsat{
width:55px;
height:55px;
left: 70px;
}
This is my 4 files.... I think they should show all the important stuff.
ASKER
But it wont work....
I put in some simple CCS code:
But table aint changing. Aswell tr/td wont change a bit.
The name.php file with the fetching array is called from global.js never index.php, but index.php calls global.js.
Is there anything i neda do with the fetching array? Maybe make something else?
Webite is www.mikethk.dk and you want to pick lowest left region, and assens to see how it works......
I put in some simple CCS code:
.table{
border: 5px solid black;
background-color:#FFFFFF;
}
But table aint changing. Aswell tr/td wont change a bit.
The name.php file with the fetching array is called from global.js never index.php, but index.php calls global.js.
Is there anything i neda do with the fetching array? Maybe make something else?
Webite is www.mikethk.dk and you want to pick lowest left region, and assens to see how it works......
HTML, CSS and JavaScript (often in the form of jQuery) are client-side technologies. PHP and MySQL are server-side technologies. These two different technologies run on different machines. The server prepares the HTML document and sends it to the client. By the time your browser displays the web page, the server has disconnected.
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/A_11271-Understanding-Client-Server-Protocols-and-Web-Applications.html
If you're new to PHP and want to learn more, this article may help.
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/A_11769-And-by-the-way-I-am-new-to-PHP.html
If you're new to HTML and you want to learn about how HTML, CSS and jQuery interact, any of the resources from SitePoint are pretty good.
http://www.sitepoint.com/
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/A_11271-Understanding-Client-Server-Protocols-and-Web-Applications.html
If you're new to PHP and want to learn more, this article may help.
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/A_11769-And-by-the-way-I-am-new-to-PHP.html
If you're new to HTML and you want to learn about how HTML, CSS and jQuery interact, any of the resources from SitePoint are pretty good.
http://www.sitepoint.com/
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Oki it actually worked.... Despite that i have to change an element with an class attribute.....
And that is the problem...... I cant put in a attribute in the file name.php below. I giefs me an error.... BUT HEI, you motivated me to try once again...
I used: <table class=santa bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=615px>
instead of
I used: <table class="santa" bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=615px>
THIS WORKED.... I dont know why i cant use class="santa" in name.php seen below:
Im so happy. I really tried many things, it all seemed so clueless... Still does, maybe you have the answer? class="santa" vs. class=santa
And that is the problem...... I cant put in a attribute in the file name.php below. I giefs me an error.... BUT HEI, you motivated me to try once again...
I used: <table class=santa bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=615px>
instead of
I used: <table class="santa" bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=615px>
THIS WORKED.... I dont know why i cant use class="santa" in name.php seen below:
<?php
require 'connect.php';
$er_region_syddanmark = $_POST['v_region_syddanmark'];
$er_region_sjaelland = $_POST['v_region_sjaelland'];
$er_region_midtjylland = $_POST['v_region_midtjylland'];
$er_region_hovedstaden = $_POST['v_region_hovedstaden'];
$er_region_nordjylland = $_POST['v_region_nordjylland'];
if ($er_region_syddanmark == syddanmark) {
$valgt_region = syddanmark;
}
if ($er_region_sjaelland == sjaelland) {
$valgt_region = sjaelland;
}
if ($er_region_midtjylland == midtjylland) {
$valgt_region = midtjylland;
}
if ($er_region_hovedstaden == hovedstaden) {
$valgt_region = hovedstaden;
}
if ($er_region_nordjylland == nordjylland) {
$valgt_region = nordjylland;
}
$valgt_helsingor = $_POST['v_helsingor'];
$valgt_gribskov = $_POST['v_gribskov'];
$valgt_halsnaes = $_POST['v_halsnaes'];
$valgt_fredensborg = $_POST['v_fredensborg'];
$valgt_hillerod = $_POST['v_hillerod'];
$valgt_frederikssund = $_POST['v_frederikssund'];
$valgt_allerod = $_POST['v_allerod'];
$valgt_horsholm = $_POST['v_horsholm'];
$valgt_rudersdal = $_POST['v_rudersdal'];
$valgt_fureso = $_POST['v_fureso'];
$valgt_egedal = $_POST['v_egedal'];
$valgt_ballerup = $_POST['v_ballerup'];
$valgt_herlev = $_POST['v_herlev'];
$valgt_gladsaxe = $_POST['v_gladsaxe'];
$valgt_lyngby_taarnbaek = $_POST['v_lyngby_taarnbaek'];
$valgt_gentofte = $_POST['v_gentofte'];
$valgt_kbh = $_POST['v_kbh'];
$valgt_frederiksberg = $_POST['v_frederiksberg'];
$valgt_rodovre = $_POST['v_rodovre'];
$valgt_glostrup = $_POST['v_glostrup'];
$valgt_albertslund = $_POST['v_albertslund'];
$valgt_hoje_taastrup = $_POST['v_hoje_taastrup'];
$valgt_ishoj = $_POST['v_ishoj'];
$valgt_bornholm = $_POST['v_bornholm'];
$valgt_vallensbaek = $_POST['v_vallensbaek'];
$valgt_brondby = $_POST['v_brondby'];
$valgt_hvidovre = $_POST['v_hvidovre'];
$valgt_taarnby = $_POST['v_taarnby'];
$valgt_dragor = $_POST['v_dragor'];
$valgt_assens = $_POST['v_assens']; //De kommuner som herunder er valgt i html filen, vil hedde kommunens navn i variablen. Eks. er Svendborg markeret i html filen, s¿il $valgt_svendborg v¿ "svendborg".
$valgt_billund = $_POST['v_billund'];
$valgt_esbjerg = $_POST['v_esbjerg'];
$valgt_fano = $_POST['v_fano'];
$valgt_fredericia = $_POST['v_fredericia'];
$valgt_faaborgmidtfyn = $_POST['v_faaborgmidtfyn'];
$valgt_haderslev = $_POST['v_haderslev'];
$valgt_hedensted = $_POST['v_hedensted'];
$valgt_horsens = $_POST['v_horsens'];
$valgt_kerteminde = $_POST['v_kerteminde'];
$valgt_kolding = $_POST['v_kolding'];
$valgt_langeland = $_POST['v_langeland'];
$valgt_middelfart = $_POST['v_middelfart'];
$valgt_nordfyn = $_POST['v_nordfyn'];
$valgt_nyborg = $_POST['v_nyborg'];
$valgt_odense = $_POST['v_odense'];
$valgt_svendborg = $_POST['v_svendborg'];
$valgt_sonderborg = $_POST['v_sonderborg'];
$valgt_tonder = $_POST['v_tonder'];
$valgt_varde = $_POST['v_varde'];
$valgt_vejen = $_POST['v_vejen'];
$valgt_vejle = $_POST['v_vejle'];
$valgt_aero = $_POST['v_aero'];
$valgt_aabenraa = $_POST['v_aabenraa'];
$valgt_faxe = $_POST['v_faxe'];
$valgt_greve = $_POST['v_greve'];
$valgt_guldborgsund = $_POST['v_guldborgsund'];
$valgt_holbaek = $_POST['v_holbaek'];
$valgt_kalundborg = $_POST['v_kalundborg'];
$valgt_koge = $_POST['v_koge'];
$valgt_lejre = $_POST['v_lejre'];
$valgt_lolland = $_POST['v_lolland'];
$valgt_naestved = $_POST['v_naestved'];
$valgt_odsherred = $_POST['v_odsherred'];
$valgt_ringsted = $_POST['v_ringsted'];
$valgt_roskilde = $_POST['v_roskilde'];
$valgt_slagelse = $_POST['v_slagelse'];
$valgt_solrod = $_POST['v_solrod'];
$valgt_soro = $_POST['v_soro'];
$valgt_stevns = $_POST['v_stevns'];
$valgt_vordingborg = $_POST['v_vordingborg'];
$valgt_favrskov = $_POST['v_favrskov'];
$valgt_herning = $_POST['v_herning'];
$valgt_hedensted = $_POST['v_hedensted'];
$valgt_horsens = $_POST['v_horsens'];
$valgt_holsterbro = $_POST['v_holsterbro'];
$valgt_ikast_brande = $_POST['v_ikast_brande'];
$valgt_lemvig = $_POST['v_lemvig'];
$valgt_norddjurs = $_POST['v_norddjurs'];
$valgt_odder = $_POST['v_odder'];
$valgt_randers = $_POST['v_randers'];
$valgt_ringkobing_skjern = $_POST['v_ringkobing_skjern'];
$valgt_samso = $_POST['v_samso'];
$valgt_silkeborg = $_POST['v_silkeborg'];
$valgt_skanderborg = $_POST['v_skanderborg'];
$valgt_skive = $_POST['v_skive'];
$valgt_struer = $_POST['v_struer'];
$valgt_syddjurs = $_POST['v_syddjurs'];
$valgt_viborg = $_POST['v_viborg'];
$valgt_aarhus = $_POST['v_aarhus'];
$valgt_bronderslev_dronninglund = $_POST['v_bronderslev_dronninglund'];
$valgt_frederikshavn = $_POST['v_frederikshavn'];
$valgt_hjorring = $_POST['v_hjorring'];
$valgt_jammerbugt = $_POST['v_jammerbugt'];
$valgt_laeso = $_POST['v_laeso'];
$valgt_mariager_fjord = $_POST['v_mariager_fjord'];
$valgt_morso = $_POST['v_morso'];
$valgt_rebild = $_POST['v_rebild'];
$valgt_thisted = $_POST['v_thisted'];
$valgt_vesthimmerland = $_POST['v_vesthimmerland'];
$valgt_aalborg = $_POST['v_aalborg'];
$query = "SELECT * FROM danmark WHERE _region = '$valgt_region'
AND (_kommune = '$valgt_assens' OR _kommune = '$valgt_billund' OR _kommune = '$valgt_esbjerg' OR _kommune = '$valgt_fano' OR _kommune = '$valgt_fredericia' OR _kommune = '$valgt_faaborgmidtfyn' OR _kommune = '$valgt_haderslev' OR _kommune = '$valgt_hedensted' OR _kommune = '$valgt_horsens' OR _kommune = '$valgt_kerteminde' OR _kommune = '$valgt_kolding' OR _kommune = '$valgt_langeland' OR _kommune = '$valgt_middelfart' OR _kommune = '$valgt_nordfyn' OR _kommune = '$valgt_nyborg' OR _kommune = '$valgt_odense' OR _kommune = '$valgt_svendborg' OR _kommune = '$valgt_sonderborg' OR _kommune = '$valgt_tonder' OR _kommune = '$valgt_varde' OR _kommune = '$valgt_vejen' OR _kommune = '$valgt_vejle' OR _kommune = '$valgt_aero' OR _kommune = '$valgt_aabenraa'
OR _kommune = '$valgt_faxe' OR _kommune = '$valgt_greve' OR _kommune = '$valgt_guldborgsund' OR _kommune = '$valgt_holbaek' OR _kommune = '$valgt_kalundborg' OR _kommune = '$valgt_koge' OR _kommune = '$valgt_lejre' OR _kommune = '$valgt_lolland' OR _kommune = '$valgt_naestved' OR _kommune = '$valgt_odsherred' OR _kommune = '$valgt_ringsted' OR _kommune = '$valgt_roskilde' OR _kommune = '$valgt_slagelse' OR _kommune = '$valgt_solrod' OR _kommune = '$valgt_soro' OR _kommune = '$valgt_stevns' OR _kommune = '$valgt_vordingborg'
OR _kommune = '$valgt_favrskov' OR _kommune = '$valgt_herning' OR _kommune = '$valgt_hedensted' OR _kommune = '$valgt_horsens' OR _kommune = '$valgt_holsterbro' OR _kommune = '$valgt_ikast_brande' OR _kommune = '$valgt_lemvig' OR _kommune = '$valgt_norddjurs' OR _kommune = '$valgt_odder' OR _kommune = '$valgt_randers' OR _kommune = '$valgt_ringkobing_skjern' OR _kommune = '$valgt_samso' OR _kommune = '$valgt_silkeborg' OR _kommune = '$valgt_skanderborg' OR _kommune = '$valgt_skive' OR _kommune = '$valgt_struer' OR _kommune = '$valgt_syddjurs' OR _kommune = '$valgt_viborg' OR _kommune = '$valgt_aarhus'
OR _kommune = '$valgt_bronderslev_dronninglund' OR _kommune = '$valgt_frederikshavn' OR _kommune = '$valgt_hjorring' OR _kommune = '$valgt_jammerbugt' OR _kommune = '$valgt_laeso' OR _kommune = '$valgt_mariager_fjord' OR _kommune = '$valgt_morso' OR _kommune = '$valgt_rebild' OR _kommune = '$valgt_thisted' OR _kommune = '$valgt_vesthimmerland' OR _kommune = '$valgt_aalborg'
OR _kommune = '$valgt_helsingor' OR _kommune = '$valgt_gribskov' OR _kommune = '$valgt_halsnaes' OR _kommune = '$valgt_fredensborg' OR _kommune = '$valgt_hillerod' OR _kommune = '$valgt_frederikssund' OR _kommune = '$valgt_allerod' OR _kommune = '$valgt_horsholm' OR _kommune = '$valgt_rudersdal' OR _kommune = '$valgt_fureso' OR _kommune = '$valgt_egedal' OR _kommune = '$valgt_ballerup' OR _kommune = '$valgt_herlev' OR _kommune = '$valgt_gladsaxe' OR _kommune = '$valgt_lyngby_taarnbaek' OR _kommune = '$valgt_gentofte' OR _kommune = '$valgt_kbh' OR _kommune = '$valgt_frederiksberg' OR _kommune = '$valgt_rodovre' OR _kommune = '$valgt_glostrup' OR _kommune = '$valgt_albertslund' OR _kommune = '$valgt_hoje_taastrup' OR _kommune = '$valgt_ishoj' OR _kommune = '$valgt_bornholm' OR _kommune = '$valgt_vallensbaek' OR _kommune = '$valgt_brondby' OR _kommune = '$valgt_hvidovre' OR _kommune = '$valgt_taarnby' OR _kommune = '$valgt_dragor')
ORDER BY RAND() ";
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo" <table border=0>
<table class=santa bgcolor=D8D8D8 bordercolor=A4A4A4 WIDTH=615px>
<td border=0 COLSPAN=5 bgcolor=A4A4A4 width=340px><b>  "; echo $row['_arrangement'] . " </b></td>
<tr>
<td border=0 bordercolor=D8D8D8 COLSPAN=5>" . $row['_beskrivelse'] . " </td>
</tr>
<tr>
<td border=0 bordercolor=D8D8D8 width=70px height=15px> <b>Adresse:</b></td>
<td COLSPAN=2> " . $row['_adresse'] . " </td>
<td width=10px ROWSPAN=2> "; printf('<a href="http://%s" target="_blank"><img src="images/asd.png" BORDER=0 width="41" height="41" /></a>', $row['_link']); echo "</td>
<td></td>
</tr>
<tr>
<td><b>Link:</b></td> <td COLSPAN=2> " . "<a href=http://".$row['_link'] ." target=_blank>" .$row['_link'] . " </a></td>
</tr>
<tr>
<td COLSPAN=2>" . "<img src=image.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
<td width=20px COLSPAN=3>" . "<img src=image_2.php?_nr=".$row['_nr']. " width=300 height=168/>" . "</td>
</tr>
</table>
<table WIDTH=612px height=16 ></table></table>";
}
?>
Im so happy. I really tried many things, it all seemed so clueless... Still does, maybe you have the answer? class="santa" vs. class=santa
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I will do that and return with my XP later/tommorow......
I appreciate the help more than i appreciate my popcorn which is just done :D Which tells a whole lot.
I appreciate the help more than i appreciate my popcorn which is just done :D Which tells a whole lot.
Keep in mind that using heredoc notation
It is very important to note that the line with the closing identifier must contain no other characters, except a semicolon (;)(http://www.php.net/manual/en/language.types.string.php#language.types.string.syntax.heredoc)
@marqusG:
An alternative method would be to simply escape your quotes:
echo "<table class=\"santa\">...";
I think in this instance the simplest approach would be to just use the heredoc format; however I've had to format a string output in JS that contained three layers of both double and single quotes in it(that was not fun) thus I didn't have the heredoc option...so it's good to know your options. :-)
An alternative method would be to simply escape your quotes:
echo "<table class=\"santa\">...";
I think in this instance the simplest approach would be to just use the heredoc format; however I've had to format a string output in JS that contained three layers of both double and single quotes in it(that was not fun) thus I didn't have the heredoc option...so it's good to know your options. :-)
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thx all. This is how it turned out:
I had some more help, from outside..... I appreciate the help, i actually understand pretty much of it, but i thought i couldent use everything from a normal .php file because it was called from a .js file..... I still struggeling with these JavaScript, php, html, CSS differences and how you make them Work togheter...
But im getting there.
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result) ) {
?>
<table class="table1">
<tr>
<td class="table1_arrangement" colspan="5">
<span class="bold">  <?php echo $row['_arrangement'] ; ?> </span>
</td>
</tr>
<tr>
<td class="table1_beskrivelse" colspan="5">
<?php echo $row['_beskrivelse']; ?>
</td>
</tr>
<tr>
<td class="table1_title-Adress e">
<span class="bold">Adresse:</spa n>
</td>
<td class="table1_addresse" colspan="2">
<?php echo $row['_adresse']; ?>
</td>
<td rowspan="2">
<a href="http://<?php echo $row['_link']; ?>" target="_blank"><img src="images/asd.png" style="border: none; width: 41px; height: 41px;" /></a>
</td>
<td></td>
</tr>
<tr>
<td class="table1_title-link">
<span class="bold">Link:</span>
</td>
<td class="table1_link" colspan="2">
<a href="http://<?php echo $row['_link']; ?>" target="_blank">
<?php echo $row['_link']; ?>
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img src="image.php?_nr=<?php echo $row['_nr']; ?>" style="width: 300px; height: 168px;" />
</td>
<td class="table1_image2" colspan="3">
<img src="image_2.php?_nr=<?php echo $row['_nr']; ?>" style="width: 300px; height: 168px;" />
</td>
</tr>
</table>
<table class="table2"></table>
<?php }
I had some more help, from outside..... I appreciate the help, i actually understand pretty much of it, but i thought i couldent use everything from a normal .php file because it was called from a .js file..... I still struggeling with these JavaScript, php, html, CSS differences and how you make them Work togheter...
But im getting there.
$result = mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($result)
?>
<table class="table1">
<tr>
<td class="table1_arrangement"
<span class="bold">  <?php echo $row['_arrangement'] ; ?> </span>
</td>
</tr>
<tr>
<td class="table1_beskrivelse"
<?php echo $row['_beskrivelse']; ?>
</td>
</tr>
<tr>
<td class="table1_title-Adress
<span class="bold">Adresse:</spa
</td>
<td class="table1_addresse" colspan="2">
<?php echo $row['_adresse']; ?>
</td>
<td rowspan="2">
<a href="http://<?php echo $row['_link']; ?>" target="_blank"><img src="images/asd.png" style="border: none; width: 41px; height: 41px;" /></a>
</td>
<td></td>
</tr>
<tr>
<td class="table1_title-link">
<span class="bold">Link:</span>
</td>
<td class="table1_link" colspan="2">
<a href="http://<?php echo $row['_link']; ?>" target="_blank">
<?php echo $row['_link']; ?>
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img src="image.php?_nr=<?php echo $row['_nr']; ?>" style="width: 300px; height: 168px;" />
</td>
<td class="table1_image2" colspan="3">
<img src="image_2.php?_nr=<?php
</td>
</tr>
</table>
<table class="table2"></table>
<?php }
Thanks for the points. Couple of things to consider going forward.
PHP is removing MySQL support. This article tells why and what you must do to keep your scripts running in the future. The correct way to run a query, test for success, and visualize errors, if any, is shown, too. Hint: It's not die(mysql_error())!
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/PHP_Databases/A_11177-PHP-MySQL-Deprecated-as-of-PHP-5-5-0.html
MySQL_Fetch_Array() is an Antipractice and is to be avoided because it returns twice as much information as you need, making it the least efficient way to get the data. The easiest "fetch" function is the fetch_object() variant. It avoids the quotes and brackets in favor of the clean PHP OOP notation. Examples are in the article.
Best regards, and good luck with your project, ~Ray
PHP is removing MySQL support. This article tells why and what you must do to keep your scripts running in the future. The correct way to run a query, test for success, and visualize errors, if any, is shown, too. Hint: It's not die(mysql_error())!
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/PHP_Databases/A_11177-PHP-MySQL-Deprecated-as-of-PHP-5-5-0.html
MySQL_Fetch_Array() is an Antipractice and is to be avoided because it returns twice as much information as you need, making it the least efficient way to get the data. The easiest "fetch" function is the fetch_object() variant. It avoids the quotes and brackets in favor of the clean PHP OOP notation. Examples are in the article.
Best regards, and good luck with your project, ~Ray
just to say -
<table class="table2"></table>
is NOT proper HTML
<table class="table2"></table>
is NOT proper HTML
Open in new window
When you have these styles in your css file, it doesn't matter how you're populating your table (directly from php, via Ajax call, via javascript or other): the table will be formatted accordingly those styles.