| 1 |
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
<head>
|
| 4 |
<meta charset="ISO-8859-1">
|
| 5 |
<title>DAO Addresse Service</title>
|
| 6 |
|
| 7 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
| 8 |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
|
| 9 |
|
| 10 |
<script>
|
| 11 |
|
| 12 |
var logObj;
|
| 13 |
|
| 14 |
function logEvent(t) {
|
| 15 |
logObj.innerHTML += t;
|
| 16 |
logObj.innerHTML += "<br>";
|
| 17 |
}
|
| 18 |
|
| 19 |
function clearLog() {
|
| 20 |
|
| 21 |
logObj.innerHTML = "";
|
| 22 |
}
|
| 23 |
|
| 24 |
|
| 25 |
$(document).ready( function() {
|
| 26 |
logObj = document.getElementById("simplelog");
|
| 27 |
|
| 28 |
$("#okBtn").click( function() {
|
| 29 |
clearLog();
|
| 30 |
|
| 31 |
var varBrugerid = $("#brugerid").val();
|
| 32 |
var varPostnr = $("#postnr").val();
|
| 33 |
var varAdresse = $("#adresse").val();
|
| 34 |
|
| 35 |
logEvent("Postnr: " + varPostnr);
|
| 36 |
logEvent("Adresse: " + varAdresse);
|
| 37 |
logEvent("");
|
| 38 |
|
| 39 |
var obj = {
|
| 40 |
brugerid: varBrugerid,
|
| 41 |
postnr: varPostnr,
|
| 42 |
adresse: varAdresse
|
| 43 |
};
|
| 44 |
|
| 45 |
$.get("search", obj, function(data) {
|
| 46 |
var xml = $(data);
|
| 47 |
|
| 48 |
var status = xml.find("status").text();
|
| 49 |
logEvent("Status: " + status);
|
| 50 |
logEvent("Error: " + xml.find("error").text() );
|
| 51 |
logEvent("");
|
| 52 |
|
| 53 |
logEvent("Distrikt: " + xml.find("distrikt").text() );
|
| 54 |
logEvent("Køreliste: " + xml.find("koreliste").text() );
|
| 55 |
logEvent("Kommunekode: " + xml.find("kommunekode").text() );
|
| 56 |
logEvent("Vejkode: " + xml.find("vejkode").text() );
|
| 57 |
logEvent("Bane: " + xml.find("dbkbane").text() );
|
| 58 |
logEvent("");
|
| 59 |
|
| 60 |
logEvent("Gadeident: " + xml.find("gadeident").text() );
|
| 61 |
logEvent("Vejnavn: " + xml.find("vejnavn").text() );
|
| 62 |
logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
|
| 63 |
logEvent("Dækning: " + xml.find("daekning").text() );
|
| 64 |
logEvent("Distributør: " + xml.find("distributor").text() );
|
| 65 |
|
| 66 |
var afstand = xml.find("extafstand").text();
|
| 67 |
if (afstand != "") {
|
| 68 |
logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
|
| 69 |
logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
|
| 70 |
|
| 71 |
}
|
| 72 |
|
| 73 |
|
| 74 |
logEvent("Levenshtein: " + xml.find("levenshtein").text() );
|
| 75 |
|
| 76 |
logEvent("OSM: " + xml.find("osm").text() );
|
| 77 |
logEvent("OSM vej: " + xml.find("osmvej").text() );
|
| 78 |
logEvent("Google: " + xml.find("google").text() );
|
| 79 |
logEvent("Google vej: " + xml.find("googlevej").text() );
|
| 80 |
|
| 81 |
});
|
| 82 |
|
| 83 |
});
|
| 84 |
|
| 85 |
|
| 86 |
$("#resetBtn").click( function() {
|
| 87 |
clearLog();
|
| 88 |
});
|
| 89 |
|
| 90 |
});
|
| 91 |
|
| 92 |
|
| 93 |
</script>
|
| 94 |
|
| 95 |
<style>
|
| 96 |
body {
|
| 97 |
margin: 20px;
|
| 98 |
}
|
| 99 |
#simplelog {
|
| 100 |
position: absolute;
|
| 101 |
top: 30px;
|
| 102 |
left: 500px;
|
| 103 |
}
|
| 104 |
</style>
|
| 105 |
|
| 106 |
|
| 107 |
</head>
|
| 108 |
<body>
|
| 109 |
|
| 110 |
<h2>DAO Addresse Service</h2>
|
| 111 |
|
| 112 |
<div id="simplelog"></div>
|
| 113 |
|
| 114 |
<table border="0">
|
| 115 |
<tr>
|
| 116 |
<td>Brugerid: </td>
|
| 117 |
<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
|
| 118 |
</tr>
|
| 119 |
<tr>
|
| 120 |
<td>Postnr: </td>
|
| 121 |
<td><input type="text" name="postnr" id="postnr"></td>
|
| 122 |
</tr>
|
| 123 |
<tr>
|
| 124 |
<td>Adresse: </td>
|
| 125 |
<td><input type="text" name="adresse" id="adresse"></td>
|
| 126 |
</tr>
|
| 127 |
<tr>
|
| 128 |
<td> </td>
|
| 129 |
<td>
|
| 130 |
<button id="okBtn">Ok</button>
|
| 131 |
<button id="resetBtn">Reset</button>
|
| 132 |
</td>
|
| 133 |
</tr>
|
| 134 |
|
| 135 |
</table>
|
| 136 |
|
| 137 |
|
| 138 |
|
| 139 |
|
| 140 |
|
| 141 |
</body>
|
| 142 |
</html> |
Parent Directory
| 
Revision Log