DaoAdresseService/WebContent/index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>DAO Addresse Service</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<script>

var logObj;

function logEvent(t) {
        logObj.innerHTML += t;
        logObj.innerHTML += "<br>";
}

function clearLog() {

        logObj.innerHTML = "";
}


$(document).ready( function() {
        logObj = document.getElementById("simplelog");
        
        $("#okBtn").click( function() {         
                clearLog();
                
                var varBrugerid = $("#brugerid").val();
                var varPostnr = $("#postnr").val();
                var varAdresse = $("#adresse").val();
                
                logEvent("Postnr: " + varPostnr);
                logEvent("Adresse: " + varAdresse);
                
                var obj = {
                                brugerid: varBrugerid,
                                postnr: varPostnr,
                                adresse: varAdresse
                };
                
                $.get("search", obj, function(data) {
                        var xml = $(data);
                        
                        var status = xml.find("status").text();
                        logEvent("Status: " + status);
                        
                        if (status == "ok") {
                                logEvent("Distrikt: " + xml.find("distrikt").text() );
                                logEvent("Køreliste: " + xml.find("koreliste").text() );
                                logEvent("Kommunekode: " + xml.find("kommunekode").text() );
                                logEvent("Vejkode: " + xml.find("vejkode").text() );
                                logEvent("Bane: " + xml.find("dbkbane").text() );
                                
                        } else {
                                var error = xml.find("error").text();
                                logEvent("error: " + error);    
                        }
                        
                });
                
        });
        
        
        $("#resetBtn").click( function() {
                clearLog();
        });
        
});


</script>

<style>
body {
        margin: 20px;
}
#simplelog {
        position: absolute;
        top: 30px;
        left: 500px;
}
</style>


</head>
<body>

<h2>DAO Addresse Service</h2>

<div id="simplelog"></div>

<table border="0">
<tr>
        <td>Brugerid: </td>
        <td><input type="text" name="brugerid" id="brugerid"></td>
</tr>
<tr>
        <td>Postnr: </td>
        <td><input type="text" name="postnr" id="postnr"></td>
</tr>
<tr>
        <td>Adresse: </td>
        <td><input type="text" name="adresse" id="adresse"></td>
</tr>
<tr>
        <td>&nbsp;</td>
        <td>
                <button id="okBtn">Ok</button>
                <button id="resetBtn">Reset</button>
        </td>
</tr>

</table>


</body>
</html>
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
38	var obj = {
39	brugerid: varBrugerid,
40	postnr: varPostnr,
41	adresse: varAdresse
42	};
43
44	$.get("search", obj, function(data) {
45	var xml = $(data);
46
47	var status = xml.find("status").text();
48	logEvent("Status: " + status);
49
50	if (status == "ok") {
51	logEvent("Distrikt: " + xml.find("distrikt").text() );
52	logEvent("Køreliste: " + xml.find("koreliste").text() );
53	logEvent("Kommunekode: " + xml.find("kommunekode").text() );
54	logEvent("Vejkode: " + xml.find("vejkode").text() );
55	logEvent("Bane: " + xml.find("dbkbane").text() );
56
57	} else {
58	var error = xml.find("error").text();
59	logEvent("error: " + error);
60	}
61
62	});
63
64	});
65
66
67	$("#resetBtn").click( function() {
68	clearLog();
69	});
70
71	});
72
73
74	</script>
75
76	<style>
77	body {
78	margin: 20px;
79	}
80	#simplelog {
81	position: absolute;
82	top: 30px;
83	left: 500px;
84	}
85	</style>
86
87
88	</head>
89	<body>
90
91	<h2>DAO Addresse Service</h2>
92
93	<div id="simplelog"></div>
94
95	<table border="0">
96	<tr>
97	<td>Brugerid: </td>
98	<td><input type="text" name="brugerid" id="brugerid"></td>
99	</tr>
100	<tr>
101	<td>Postnr: </td>
102	<td><input type="text" name="postnr" id="postnr"></td>
103	</tr>
104	<tr>
105	<td>Adresse: </td>
106	<td><input type="text" name="adresse" id="adresse"></td>
107	</tr>
108	<tr>
109	<td> </td>
110	<td>
111	<button id="okBtn">Ok</button>
112	<button id="resetBtn">Reset</button>
113	</td>
114	</tr>
115
116	</table>
117
118
119
120
121
122	</body>
123	</html>