1 |
<?php |
2 |
require "../inc/mysql.php"; |
3 |
header("Content-Type: text/html; charset=iso-8859-1"); |
4 |
session_start(); |
5 |
|
6 |
?> |
7 |
|
8 |
<html> |
9 |
<head> |
10 |
|
11 |
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
12 |
|
13 |
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> |
14 |
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> |
15 |
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> |
16 |
|
17 |
<script type="text/javascript"> |
18 |
|
19 |
$( function() { |
20 |
|
21 |
$("#select-enhed").change( function() { |
22 |
var medlemmer = $("#medlemmer"); |
23 |
var sel = $(this).val(); |
24 |
$.get("moede_json_medlemmer.php","enhed=" + sel, function(data) { |
25 |
|
26 |
medlemmer.find(".medlem").remove(); |
27 |
$("#nye").find(".medlem").remove(); |
28 |
$("#nye").listview('refresh'); |
29 |
|
30 |
for (var i =0; i<data.length; i++) { |
31 |
var entry = data[i]; |
32 |
console.log(entry); |
33 |
|
34 |
var li = "<li class='medlem'><input type='checkbox'> " + entry + "</li>"; |
35 |
|
36 |
medlemmer.append(li); |
37 |
} |
38 |
|
39 |
medlemmer.listview('refresh'); |
40 |
},"json"); |
41 |
}); |
42 |
|
43 |
|
44 |
$("#tilfoejny").click( function() { |
45 |
$("#popupDialog").popup("open"); |
46 |
}); |
47 |
|
48 |
$("#btnOK").click( function() { |
49 |
var nynavn = $("#nyNavn").val(); |
50 |
|
51 |
var li = "<li class='medlem'> " + nynavn + "</li>"; |
52 |
|
53 |
$("#nye").append( li ).listview('refresh'); |
54 |
}); |
55 |
}); |
56 |
|
57 |
</script> |
58 |
|
59 |
</head> |
60 |
|
61 |
|
62 |
<body> |
63 |
|
64 |
<!-- Home --> |
65 |
<div data-role="page" id="page_moede"> |
66 |
<div data-theme="a" data-role="header"> |
67 |
<h3> |
68 |
Horsens Spejder |
69 |
</h3> |
70 |
</div> |
71 |
<div data-role="navbar" data-iconpos="top"> |
72 |
<ul> |
73 |
<li> |
74 |
<a href="#page_moede" data-transition="fade" data-theme="" data-icon="check" |
75 |
class="ui-btn-active ui-state-persist"> |
76 |
Møde<br>Protokol |
77 |
</a> |
78 |
</li> |
79 |
|
80 |
<li> |
81 |
<a href="inbox.php" data-transition="fade" data-theme="" data-icon="grid"> |
82 |
SMS Inbox<br> |
83 |
</a> |
84 |
</li> |
85 |
<li> |
86 |
<a href="personer.php" data-transition="fade" data-theme="" data-icon="bars"> |
87 |
Kontakter<br> |
88 |
</a> |
89 |
</li> |
90 |
|
91 |
</ul> |
92 |
</div> |
93 |
|
94 |
|
95 |
<div data-role="content"> |
96 |
<select name="select-enhed" id="select-enhed"> |
97 |
<option value="ingen">Vælg Enhed</option> |
98 |
<option value="b_ver">Bæver</option> |
99 |
<option value="ulv">Ulve</option> |
100 |
<option value="junior">Junior</option> |
101 |
<option value="spejder">Trop</option> |
102 |
<option value="senior">Senior</option> |
103 |
</select> |
104 |
|
105 |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="medlemmer"> |
106 |
<li data-role="list-divider" role="heading"> |
107 |
Medlemmer |
108 |
</li> |
109 |
</ul> |
110 |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="nye"> |
111 |
<li data-role="list-divider" role="heading"> |
112 |
Nye |
113 |
</li> |
114 |
</ul> |
115 |
|
116 |
<input id="tilfoejny" type="button" value="Tilføj ny" id="tilfoej" data-inset="true"> |
117 |
|
118 |
|
119 |
|
120 |
</div> |
121 |
<input type="button" value="Gem Møde" id="tilfoej" data-inset="true"> |
122 |
|
123 |
|
124 |
<div style="display: none"> |
125 |
|
126 |
<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> |
127 |
<div data-role="header" data-theme="a" class="ui-corner-top"> |
128 |
<h1>Tilføj ny</h1> |
129 |
|
130 |
</div> |
131 |
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> |
132 |
<h3 class="ui-title">Indtast navn</h3> |
133 |
|
134 |
<input type="text" name="nyNavn" id="nyNavn" value="" placeholder="Navn" /> |
135 |
<a id="btnOK" href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">OK</a> |
136 |
<a id="btnCancel" href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a> |
137 |
|
138 |
</div> |
139 |
</div> |
140 |
</div> |
141 |
|
142 |
|
143 |
|
144 |
</div><!-- END page --> |
145 |
|
146 |
|
147 |
</body> |
148 |
</html> |