[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Overzicht visstekken</title>
<script src="http://maps.google.com/maps?
file=api&v=2&key=ABQIAAAA18h8C7JHYzt71Aa3EELZuhR7xuXR7D2oOPioSHsAbAuxmNvJmBSNXBuc_5WkrdrFYOvsKG19GiCIQA"
type="text/javascript"></script>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js";
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setMapType(G_HYBRID_MAP);
map.addControl(new GLargeMapControl3D());
map.setCenter(new GLatLng(52.1458, 4.40278), 11);
// Change this depending on the name of your PHP file
GDownloadUrl("display_spots.php", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName
("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new GLatLng(parseFloat(markers[i].getAttribute
("lat")),
parseFloat(markers[i].getAttribute
("lng")));
var marker = createMarker(point, name, address, type);
map.addOverlay(marker);
}
document.getElementById("message").innerHTML = "<div
style='padding: 8px 10px 8px 12px;background-color:#F7FDCB;border: 1px
solid #C2D071;'>Er zijn: <b>" + markers.length + "</b> stekken
gevonden</div>";
fadeOutDiv("#message");
});
}
}
function createMarker(point, name, address, type) {
var marker = new GMarker(point);
var html = "<table>" +
"<tr><td>Gewicht:</td> <td><input type='text'
id='weight'/> </td>
</tr>" +
"<tr><td>Type:</td> <td><select id='type'>" +
"<option value='Schub'
SELECTED>Schub</option>" +
"<option value='Spiegel'>Spiegel</option>" +
"<option value='Rijen'>Rijen</option>" +
"<option value='Leder'>Leder</option>" +
"<option value='Gras'>Gras</option>" +
"<tr><td>Aas:</td> <td><input type='text'
id='bait'/></td> </tr>"
+
"<tr><td>Temperatuur:</td> <td><input
type='text' id='temp'/></
td> </tr>" +
"<tr><td>Water temperatuur:</td> <td><input
type='text'
id='wtemp'/></td> </tr>" +
"</select> </td></tr>" +
"<tr><td></td><td><input type='button'
value='Opslaan'
onclick='saveData()'/></td></tr>" +
"</table>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function saveData() {
var sid = escape(document.getElementById("sid").value);
var weight = escape(document.getElementById("weight").value);
var type = document.getElementById("type").value;
var bait = escape(document.getElementById("bait").value);
var temp = escape(document.getElementById("temp").value);
var wtemp = escape(document.getElementById("wtemp").value);
var url = "add_catch.php?sid=" + sid + "&weight=" + weight +
"&type=" + type + "&bait=" + bait + "&temp=" + temp; + "&wtemp=" +
wtemp;
GDownloadUrl(url, function(data, responseCode) {
if (responseCode == 200 && data.length <= 1) {
marker.closeInfoWindow();
document.getElementById("message").innerHTML = "<div
style='padding: 8px 10px 8px 12px;background-color:#A6EF7B;border:1px
solid #76C83F;'>Visstek opgeslagen</div>";
fadeOutDiv("#message");
}
else{
document.getElementById("message").innerHTML = "<div
style='padding: 8px 10px 8px 12px;background-color:#EF9398;border: 1px
solid #DC5757;'><b>Fout:</b> " + data + "</div>";
fadeOutDiv("#message");
};
});
}
function fadeOutDiv(div) {
setTimeout(function(){ $(div).fadeOut('slow');
document.getElementById("message").innerHTML = ""; $(div).fadeIn();},
3000);
};
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()" style="font-family:Verdana,
Geneva, sans-serif;font-size:10px;">
<div id="message" style="width:600px;"></div>
<div id="map" style="width:600px;height:500px"></div>
</body>
</html>
[/code]
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
