Solved

CSS and MYSQL. . .

Posted on 2013-11-03
14
286 Views
Last Modified: 2013-11-05
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.
0
Comment
Question by:Mike Kristensen
  • 4
  • 4
  • 3
  • +2
14 Comments
 
LVL 30

Expert Comment

by:Marco Gasi
ID: 39620169
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.
0
 

Author Comment

by:Mike Kristensen
ID: 39620232
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......
0
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 39620247
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.
http://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.
http://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/
0
 
LVL 30

Accepted Solution

by:
Marco Gasi earned 250 total points
ID: 39620262
if you write

.table {
  ...
}

you mean an element of class='table': it could be a div, a p or something else which have the class attribute set to table.

If you write

table {
...
}

you're saying to the browser that those styles have to bee applied to the table element withour regarding to its attributes. So, please, use only

table

instead of

.table

In the page linked I don't see any table at all...
0
 

Author Comment

by:Mike Kristensen
ID: 39620288
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
0
 
LVL 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 39620297
The correct markup would be class="santa" with the quotes.  Both should be expected to behave the same in most popular browsers.  So the answer is probably not to be found in the one class definition, but somewhere else in the script.

You can find out if you're using valid markup by running the W3 validator.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mikethk.dk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
0
 
LVL 30

Assisted Solution

by:Marco Gasi
Marco Gasi earned 250 total points
ID: 39620301
Yes. You're echoing using standard notation:

echo "<table class=

if you put double quotes wrapped around class name the string is broken because the first double quotes ("santa) are interpreted as closing double quotes of echo statement.
You have to use single quotes:

echo "<table class='santa'>... ";

But better this would be using heredoc notation http://php.net/manual/en/language.types.string.php

echo <<<TBL
<table class="santa">...
TBL;

Cheers
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:Mike Kristensen
ID: 39620306
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.
0
 
LVL 30

Expert Comment

by:Marco Gasi
ID: 39620314
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)
0
 
LVL 9

Expert Comment

by:Derek Jensen
ID: 39622450
@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. :-)
0
 
LVL 33

Assisted Solution

by:Slick812
Slick812 earned 125 total points
ID: 39625019
greetings  Mikethk, I looked at your HTML for the <table> output from this -
while($row = mysql_fetch_array($result)) {

WOW, your <table> HTML code is so incorrect, and very BAD <table> structure arrangement! !
First you have a completely EMPTY table as -
<table border=0>
    this table has NO rows and NO columns and needs to be removed!

at the end you have -
<table WIDTH=612px height=16 ></table>
this is another EMPTY table, apparently it is here just for making a "Space" between the several tables, DO NOT USE an empty table to make a "Space", use the <p> or double <br><br> for a space, , OR BETTER use the style for margin-top.

You really need to practice making tables in HTML with properly structured  rows and columns, especially if you use any COLSPAN, you do not even have a <tr> for your first table row!

TABLES are meant to have the SAME number of <td> in each and every <tr>, if you use COLSPAN, you still MUST have the total <td> count be the SAME including the COLSPAN, if you use ROWSPAN, this REQUIRES additional arithmetic from you to calculate and make sure you have the total <td> count be the SAME in every <tr>

You use <table> attributes that do not exist like -
bordercolor=A4A4A4
and why you have this on a table without a border is not understandable to me? ?
AND you seem to not know how to use the width=10px  for a <td>, you can use the <td> width= , BUT you need to use it so it helps you get the display you need, not as some left over copy and paste thing that no longer is proper for the table arrangement that you now have.
I did your table in firefox, and attempted to match up the columns and get rid of all of the attributes, including width= and height= , , ,  for <td> that did not do anything, here is something you can look at -
<p>
<table bgcolor=D8D8D8 WIDTH=615 border=1> 
	<tr>
		<td COLSPAN=5 bgcolor=A4A4A4><b>&nbsp _arrangement </b></td>
	</tr>
	<tr>
		<td COLSPAN=5>_beskrivelse </td>	
	</tr>
	<tr>
		<td width=70> <b>Adresse:</b></td>
		<td COLSPAN=2> _adresse </td>
		<td  width=41 ROWSPAN=2> <a href="http://_link" target="_blank"><img src="images/asd.png" width="41" height="41" alt="ASD" /></a></td>
		<td>+</td>
	</tr>	
	<tr>
		<td><b>Link:</b></td>
		<td COLSPAN=2> <a href=http://_link target=_blank>_link </a></td>
		<td>-</td>
	</tr>
	<tr>
		<td COLSPAN=2><img src="image.php?_nr" width=300 height=168 alt="IMAGE1"/></td>
		<td COLSPAN=3><img src="image_2.php?_nr=_nr" width=300 height=168 alt="IMAGE2"/></td>  
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>
</p>

Open in new window

I have added a row <tr> with 5 <td> at the end, NOT as a use for database output , BUT so you can see the Column arrangement for 5 columns, I have added a table border as -
<table bgcolor=D8D8D8 WIDTH=615 border=1>
JUST so you can see ALL of the TD distinctions for the COLSPAN and ROWSPAN variations you have.
I removed the width=340px for the first <td>, having a width for a <td> that suppose to span ALL of the columns is just BAD CODE WORK!
Please consider this HTML as something to show you some ways to get correct <table> structures.
I may can do some to show you about the CSS for tables, if you find the above helpful.
0
 

Author Closing Comment

by:Mike Kristensen
ID: 39625088
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 }
0
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 39625237
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())!
http://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
0
 
LVL 33

Expert Comment

by:Slick812
ID: 39625325
just to say -
<table class="table2"></table>
is NOT proper HTML
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This article discusses how to create an extensible mechanism for linked drop downs.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now