Du får hele banditten
<html>
<head>
<title>Spot map</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
font-size: 12px;
color: #000000;
font-family: Tahoma, Verdana, Arial;
line-height: 150%;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
background-color: #FFFFFF;
}
p {
font-size: 12px;
color: #000000;
font-family: Tahoma, Verdana, Arial;
line-height: 150%;
margin-top: 0;
margin-bottom: 0;
}
td {
font-size: 12px;
color: #000000;
font-family: Tahoma, Verdana, Arial;
line-height: 150%;
margin-top: 0;
margin-bottom: 0;
}
input, select, textarea {style: solid; border-width: 1px; border-color: #000000; background-color: #FFFFFF; font-size: 12px; padding-left: 2px; padding-right: 2px}
A:link {color: #000000; text-decoration: underline}
A:visited {color: #000000; text-decoration: underline}
A:hover {color: #000000; text-decoration: none}
A:active {color: #000000; text-decoration: underline}
-->
</style>
</head>
<body>
<script language="JavaScript1.2">
var closebutton = "
http://www.surfersinfo.dk/spots/close.gif"; //Adress of image of the button
var view_spot, xtra, ytra;
function sleepen(){
if (event.button!=1)return;
view_spot = eval("maildiv");temp1=view_spot.style.posLeft;
temp2=view_spot.style.posTop;xpos=event.clientX;
ypos=event.clientY;xtra = temp1-xpos;
ytra = temp2-ypos;document.onmousemove=plaats;
}
function plaats(){
if (event.button==1){
view_spot.style.pixelLeft=event.clientX+xtra;
view_spot.style.pixelTop=event.clientY+ytra;return false;
}
}
function spot_layer(inside, color,width,height, background){
titlecolor = "black";
opacitytitle = 45;
if(!width){
width = 500;
height = 325;
}
if(inside.indexOf(".htm") > inside.length -6) inside = "<iframe frameborder=0 name=\"view_spot\" width="+(width-10)+" height="+(height-30)+" src=\""+inside+"\" scrolling=\"no\" ></iframe>";
if(!color) color = "silver";
var thisspan = eval("maildiv.style")
thisspan.pixelLeft = document.body.scrollLeft + 100;
thisspan.pixelTop = document.body.scrollTop + 100;
thisspan.visibility="visible";
output = "<table cellpadding=0 cellspacing=0 width=" + width + " height=" + height + " border=1><tr>";
output += "<td onmousedown='sleepen()' style='cursor:hand' onmouseup='java script:document.onmousemove=\"\" ' bgcolor='"+titlecolor+"' style='filter:alpha(opacity="+opacitytitle+");' width =" + width + " height=20></td><td bgcolor='silver'>";
output += "<input type='image' alt=\"Luk\" onclick='close_spot_layer()' src='"+closebutton+"'></td></tr>";
output += "<tr><td width=100% colspan=2><table ";
if(background)output += "style='background-image:url(\" " + background + "\")'";
output += " width=100% height=100% bgcolor='"+color+"'><tr><td height=100% width=100% >"+ inside+"</td></tr></table></td></tr>";
maildiv.innerHTML = output;
}
function close_spot_layer(){
maildiv.style.visibility="hidden";
}
function view(id){
<?php
$connection = DATABASE
$id = $_GET['id'];
$result = mysql_query("SELECT * FROM spots WHERE id='$id'");
$row = mysql_fetch_array($result);
?>
outp = "";
outp += "<p><?php echo $row[beskrivelse]; ?></p>";
spot_layer(outp, "lightyellow",470,50);
}
</script>
<div ID="maildiv" style="visibility:hidden;position:absolute" align="center"></div>
<a href="java script:" onClick="view('1')"><img src="spotmap.gif" width="1243" height="1243" border="0"></a>
<a href="java script:" onClick="view('1')">2</a>
</body>
</html>
