11 |
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
<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" /> |
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> |
14 |
|
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.min.css" /> <!-- datebox --> |
15 |
|
|
16 |
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> |
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> |
17 |
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> |
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> |
18 |
|
|
19 |
|
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.core.min.js"></script> |
20 |
|
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.mode.calbox.min.js"></script> |
21 |
|
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.da.asc.js"></script> |
22 |
|
|
23 |
|
|
24 |
<script type="text/javascript"> |
<script type="text/javascript"> |
25 |
|
|
26 |
$( function() { |
$( function() { |
27 |
|
|
28 |
|
|
29 |
|
$("#dato").val( '<?php echo date("d-m-Y"); ?>' ); |
30 |
|
|
31 |
$("#select-enhed").change( function() { |
$("#select-enhed").change( function() { |
32 |
|
|
33 |
|
$.mobile.loading( "show" ); |
34 |
|
|
35 |
rydMoedeDeltagere(); |
rydMoedeDeltagere(); |
36 |
|
|
37 |
var medlemmer = $("#medlemmer"); |
var medlemmer = $("#medlemmer"); |
48 |
} |
} |
49 |
|
|
50 |
medlemmer.listview('refresh'); |
medlemmer.listview('refresh'); |
51 |
|
|
52 |
|
$.mobile.loading( "hide" ); |
53 |
}); |
}); |
54 |
}); |
}); |
55 |
|
|
75 |
}); |
}); |
76 |
|
|
77 |
$("#gem").click( function() { |
$("#gem").click( function() { |
78 |
|
|
79 |
|
$.mobile.loading( "show" ); |
80 |
|
|
81 |
|
|
82 |
var medlemmer = new Array(); |
var medlemmer = new Array(); |
83 |
|
|
96 |
var nyeStr = nye.join("|"); |
var nyeStr = nye.join("|"); |
97 |
|
|
98 |
var enhedStr = $("#select-enhed").val(); |
var enhedStr = $("#select-enhed").val(); |
99 |
|
|
100 |
|
var emneStr = $("#emne").val(); |
101 |
|
|
102 |
var post = { |
var post = { |
103 |
medlemmer: medlemmerStr, |
medlemmer: medlemmerStr, |
104 |
nye: nyeStr, |
nye: nyeStr, |
105 |
enhed: enhedStr |
enhed: enhedStr, |
106 |
|
emne: emneStr |
107 |
} |
} |
108 |
var postStr = $.param(post); |
var postStr = $.param(post); |
109 |
|
|
110 |
$.post("moede_post.php", postStr, function(){ |
$.post("moede_post.php", postStr, function(){ |
111 |
alert( "Gemt!" ); |
|
|
|
|
112 |
$("#select-enhed").val('ingen'); |
$("#select-enhed").val('ingen'); |
113 |
$("#select-enhed").selectmenu( "refresh" ); |
$("#select-enhed").selectmenu( "refresh" ); |
114 |
|
|
115 |
rydMoedeDeltagere(); |
rydMoedeDeltagere(); |
116 |
|
|
117 |
|
$.mobile.loading( "hide" ); |
118 |
|
alert( "Gemt!" ); |
119 |
|
|
120 |
}); |
}); |
121 |
|
|
122 |
}); |
}); |
130 |
|
|
131 |
$("#nye").find(".medlem").remove(); |
$("#nye").find(".medlem").remove(); |
132 |
$("#nye").listview('refresh'); |
$("#nye").listview('refresh'); |
133 |
|
|
134 |
|
$("emne").val(""); |
135 |
} |
} |
136 |
</script> |
</script> |
137 |
|
|
180 |
<option value="spejder">Spejder</option> |
<option value="spejder">Spejder</option> |
181 |
<option value="senior">Senior</option> |
<option value="senior">Senior</option> |
182 |
</select> |
</select> |
183 |
|
<!-- |
184 |
|
<label for="dato">Dato</label> |
185 |
|
<input name="dato" id="dato" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' /> |
186 |
|
--> |
187 |
|
<label for="emne">Møde Emne</label> |
188 |
|
|
189 |
|
<input name="emne" id="emne" type="text" maxlength="10"/> |
190 |
|
|
191 |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="medlemmer"> |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="medlemmer"> |
192 |
<li data-role="list-divider" role="heading"> |
<li data-role="list-divider" role="heading"> |
193 |
Medlemmer |
Medlemmer |
199 |
</li> |
</li> |
200 |
</ul> |
</ul> |
201 |
|
|
202 |
<input id="tilfoejny" type="button" value="Tilføj ny" id="tilfoej" data-inset="true"> |
<input id="tilfoejny" type="button" value="Tilføj ny" id="tilfoej" data-inset="true" /> |
203 |
|
|
204 |
|
|
205 |
|
|
206 |
</div> |
</div> |
207 |
|
|
208 |
<input type="button" value="Gem Møde" id="gem" data-inset="true"> |
<input type="button" value="Gem Møde" id="gem" data-inset="true" > |
209 |
|
|
210 |
|
<br><!-- force some space after last button --> |
211 |
|
<br> |
212 |
|
<br> |
213 |
|
<br> |
214 |
|
|
215 |
|
|
216 |
<div style="display: none"> |
<div style="display: none"> |