Link to home
Start Free TrialLog in
Avatar of Mike Kristensen
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:

$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>&nbsp "; 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>";   
} 

Open in new window


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>

Open in new window

$(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);
		});

});

Open in new window

<?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>&nbsp "; 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>";   
} 
?>

Open in new window

.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;
}

Open in new window


This is my 4 files.... I think they should show all the important stuff.
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

You don't need to use css fetching array. You get data from a mysql database using php and you print them in a page using html tags. In this page you link some stylesheet. The only thing you need is to add within your stylesheet styles for table tr and td

table {
  width:...
  border:...
  ...
}
tr {
  background-color:...
}

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.
Avatar of Mike Kristensen
Mike Kristensen

ASKER

But it wont work....

I put in some simple CCS code:
.table{
border: 5px solid black;
background-color:#FFFFFF;
}

Open in new window


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/
ASKER CERTIFIED SOLUTION
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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:
<?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>&nbsp "; 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>";   
} 
?>

Open in new window



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
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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.
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. :-)
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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">&nbsp <?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-Adresse">
      <span class="bold">Adresse:</span>
    </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 }
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
just to say -
<table class="table2"></table>
is NOT proper HTML