1 |
torben |
2126 |
<?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 |
torben |
2129 |
|
23 |
|
|
$.mobile.loading( "show" ); |
24 |
|
|
|
25 |
torben |
2127 |
rydMoedeDeltagere(); |
26 |
|
|
|
27 |
torben |
2126 |
var medlemmer = $("#medlemmer"); |
28 |
|
|
var sel = $(this).val(); |
29 |
torben |
2127 |
$.getJSON("moede_json_medlemmer.php","enhed=" + sel, function(data) { |
30 |
torben |
2126 |
|
31 |
|
|
for (var i =0; i<data.length; i++) { |
32 |
|
|
var entry = data[i]; |
33 |
|
|
|
34 |
torben |
2127 |
var li = "<li class='medlem'><input type='checkbox' name='medlem[]' value='NAVN'> NAVN</li>"; |
35 |
|
|
li = li.replace( /NAVN/g, entry) |
36 |
torben |
2126 |
|
37 |
|
|
medlemmer.append(li); |
38 |
|
|
} |
39 |
|
|
|
40 |
|
|
medlemmer.listview('refresh'); |
41 |
torben |
2129 |
|
42 |
|
|
$.mobile.loading( "hide" ); |
43 |
torben |
2127 |
}); |
44 |
torben |
2126 |
}); |
45 |
|
|
|
46 |
|
|
|
47 |
|
|
$("#tilfoejny").click( function() { |
48 |
|
|
$("#popupDialog").popup("open"); |
49 |
|
|
}); |
50 |
|
|
|
51 |
|
|
$("#btnOK").click( function() { |
52 |
torben |
2127 |
var nynavn = $("#nyNavn").val(); |
53 |
|
|
$("#nyNavn").val( "" ); |
54 |
torben |
2126 |
|
55 |
torben |
2127 |
var li = "<li class='medlem'><input type='checkbox' checked='checked' value='NAVN'> NAVN</li>"; |
56 |
|
|
li = li.replace( /NAVN/g, nynavn) |
57 |
|
|
|
58 |
torben |
2126 |
|
59 |
torben |
2127 |
$("#nye").append( li ).listview('refresh'); |
60 |
torben |
2126 |
}); |
61 |
torben |
2127 |
|
62 |
|
|
|
63 |
|
|
$( "#popupDialog" ).on( "popupafteropen", function( event, ui ) { |
64 |
|
|
$("#nyNavn").focus(); |
65 |
|
|
}); |
66 |
|
|
|
67 |
|
|
$("#gem").click( function() { |
68 |
torben |
2129 |
|
69 |
|
|
$.mobile.loading( "show" ); |
70 |
|
|
|
71 |
torben |
2127 |
|
72 |
|
|
var medlemmer = new Array(); |
73 |
|
|
|
74 |
|
|
$("#medlemmer :checked").each( function(index) { |
75 |
|
|
console.log( $(this).attr("value") ); |
76 |
|
|
medlemmer.push( $(this).attr("value") ) |
77 |
|
|
}); |
78 |
|
|
var medlemmerStr = medlemmer.join("|"); |
79 |
|
|
|
80 |
|
|
var nye = new Array(); |
81 |
|
|
|
82 |
|
|
$("#nye :checked").each( function(index) { |
83 |
|
|
console.log( $(this).attr("value") ); |
84 |
|
|
nye.push( $(this).attr("value") ) |
85 |
|
|
}); |
86 |
|
|
var nyeStr = nye.join("|"); |
87 |
|
|
|
88 |
|
|
var enhedStr = $("#select-enhed").val(); |
89 |
|
|
|
90 |
|
|
var post = { |
91 |
|
|
medlemmer: medlemmerStr, |
92 |
|
|
nye: nyeStr, |
93 |
|
|
enhed: enhedStr |
94 |
|
|
} |
95 |
|
|
var postStr = $.param(post); |
96 |
|
|
|
97 |
|
|
$.post("moede_post.php", postStr, function(){ |
98 |
torben |
2129 |
|
99 |
torben |
2127 |
$("#select-enhed").val('ingen'); |
100 |
|
|
$("#select-enhed").selectmenu( "refresh" ); |
101 |
|
|
|
102 |
|
|
rydMoedeDeltagere(); |
103 |
torben |
2129 |
|
104 |
|
|
$.mobile.loading( "hide" ); |
105 |
|
|
alert( "Gemt!" ); |
106 |
|
|
|
107 |
torben |
2127 |
}); |
108 |
|
|
|
109 |
|
|
}); |
110 |
|
|
|
111 |
torben |
2126 |
}); |
112 |
|
|
|
113 |
torben |
2127 |
|
114 |
|
|
function rydMoedeDeltagere() { |
115 |
|
|
$("#medlemmer").find(".medlem").remove(); |
116 |
|
|
$("#medlemmer").listview('refresh'); |
117 |
|
|
|
118 |
|
|
$("#nye").find(".medlem").remove(); |
119 |
|
|
$("#nye").listview('refresh'); |
120 |
|
|
|
121 |
|
|
} |
122 |
torben |
2126 |
</script> |
123 |
|
|
|
124 |
|
|
</head> |
125 |
|
|
|
126 |
|
|
|
127 |
|
|
<body> |
128 |
|
|
|
129 |
|
|
<!-- Home --> |
130 |
|
|
<div data-role="page" id="page_moede"> |
131 |
|
|
<div data-theme="a" data-role="header"> |
132 |
|
|
<h3> |
133 |
|
|
Horsens Spejder |
134 |
|
|
</h3> |
135 |
|
|
</div> |
136 |
|
|
<div data-role="navbar" data-iconpos="top"> |
137 |
|
|
<ul> |
138 |
|
|
<li> |
139 |
|
|
<a href="#page_moede" data-transition="fade" data-theme="" data-icon="check" |
140 |
|
|
class="ui-btn-active ui-state-persist"> |
141 |
|
|
Møde<br>Protokol |
142 |
|
|
</a> |
143 |
|
|
</li> |
144 |
|
|
|
145 |
|
|
<li> |
146 |
|
|
<a href="inbox.php" data-transition="fade" data-theme="" data-icon="grid"> |
147 |
|
|
SMS Inbox<br> |
148 |
|
|
</a> |
149 |
|
|
</li> |
150 |
|
|
<li> |
151 |
|
|
<a href="personer.php" data-transition="fade" data-theme="" data-icon="bars"> |
152 |
|
|
Kontakter<br> |
153 |
|
|
</a> |
154 |
|
|
</li> |
155 |
|
|
|
156 |
|
|
</ul> |
157 |
|
|
</div> |
158 |
|
|
|
159 |
|
|
|
160 |
|
|
<div data-role="content"> |
161 |
|
|
<select name="select-enhed" id="select-enhed"> |
162 |
|
|
<option value="ingen">Vælg Enhed</option> |
163 |
|
|
<option value="b_ver">Bæver</option> |
164 |
|
|
<option value="ulv">Ulve</option> |
165 |
|
|
<option value="junior">Junior</option> |
166 |
torben |
2127 |
<option value="spejder">Spejder</option> |
167 |
torben |
2126 |
<option value="senior">Senior</option> |
168 |
|
|
</select> |
169 |
|
|
|
170 |
|
|
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="medlemmer"> |
171 |
|
|
<li data-role="list-divider" role="heading"> |
172 |
|
|
Medlemmer |
173 |
|
|
</li> |
174 |
|
|
</ul> |
175 |
|
|
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="nye"> |
176 |
|
|
<li data-role="list-divider" role="heading"> |
177 |
|
|
Nye |
178 |
|
|
</li> |
179 |
|
|
</ul> |
180 |
|
|
|
181 |
|
|
<input id="tilfoejny" type="button" value="Tilføj ny" id="tilfoej" data-inset="true"> |
182 |
|
|
|
183 |
|
|
|
184 |
|
|
|
185 |
|
|
</div> |
186 |
torben |
2127 |
|
187 |
|
|
<input type="button" value="Gem Møde" id="gem" data-inset="true"> |
188 |
torben |
2126 |
|
189 |
|
|
|
190 |
|
|
<div style="display: none"> |
191 |
|
|
|
192 |
|
|
<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> |
193 |
|
|
<div data-role="header" data-theme="a" class="ui-corner-top"> |
194 |
|
|
<h1>Tilføj ny</h1> |
195 |
|
|
|
196 |
|
|
</div> |
197 |
|
|
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> |
198 |
|
|
<h3 class="ui-title">Indtast navn</h3> |
199 |
|
|
|
200 |
|
|
<input type="text" name="nyNavn" id="nyNavn" value="" placeholder="Navn" /> |
201 |
|
|
<a id="btnOK" href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">OK</a> |
202 |
|
|
<a id="btnCancel" href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a> |
203 |
|
|
|
204 |
|
|
</div> |
205 |
|
|
</div> |
206 |
|
|
</div> |
207 |
|
|
|
208 |
|
|
|
209 |
|
|
|
210 |
|
|
</div><!-- END page --> |
211 |
|
|
|
212 |
|
|
|
213 |
|
|
</body> |
214 |
|
|
</html> |