19 |
$( function() { |
$( function() { |
20 |
|
|
21 |
$("#select-enhed").change( function() { |
$("#select-enhed").change( function() { |
22 |
|
rydMoedeDeltagere(); |
23 |
|
|
24 |
var medlemmer = $("#medlemmer"); |
var medlemmer = $("#medlemmer"); |
25 |
var sel = $(this).val(); |
var sel = $(this).val(); |
26 |
$.get("moede_json_medlemmer.php","enhed=" + sel, function(data) { |
$.getJSON("moede_json_medlemmer.php","enhed=" + sel, function(data) { |
|
|
|
|
medlemmer.find(".medlem").remove(); |
|
|
$("#nye").find(".medlem").remove(); |
|
|
$("#nye").listview('refresh'); |
|
27 |
|
|
28 |
for (var i =0; i<data.length; i++) { |
for (var i =0; i<data.length; i++) { |
29 |
var entry = data[i]; |
var entry = data[i]; |
|
console.log(entry); |
|
30 |
|
|
31 |
var li = "<li class='medlem'><input type='checkbox'> " + entry + "</li>"; |
var li = "<li class='medlem'><input type='checkbox' name='medlem[]' value='NAVN'> NAVN</li>"; |
32 |
|
li = li.replace( /NAVN/g, entry) |
33 |
|
|
34 |
medlemmer.append(li); |
medlemmer.append(li); |
35 |
} |
} |
36 |
|
|
37 |
medlemmer.listview('refresh'); |
medlemmer.listview('refresh'); |
38 |
},"json"); |
}); |
39 |
}); |
}); |
40 |
|
|
41 |
|
|
44 |
}); |
}); |
45 |
|
|
46 |
$("#btnOK").click( function() { |
$("#btnOK").click( function() { |
47 |
var nynavn = $("#nyNavn").val(); |
var nynavn = $("#nyNavn").val(); |
48 |
|
$("#nyNavn").val( "" ); |
49 |
|
|
50 |
var li = "<li class='medlem'> " + nynavn + "</li>"; |
var li = "<li class='medlem'><input type='checkbox' checked='checked' value='NAVN'> NAVN</li>"; |
51 |
|
li = li.replace( /NAVN/g, nynavn) |
52 |
|
|
53 |
|
|
54 |
$("#nye").append( li ).listview('refresh'); |
$("#nye").append( li ).listview('refresh'); |
55 |
|
}); |
56 |
|
|
57 |
|
|
58 |
|
$( "#popupDialog" ).on( "popupafteropen", function( event, ui ) { |
59 |
|
$("#nyNavn").focus(); |
60 |
}); |
}); |
61 |
|
|
62 |
|
$("#gem").click( function() { |
63 |
|
|
64 |
|
var medlemmer = new Array(); |
65 |
|
|
66 |
|
$("#medlemmer :checked").each( function(index) { |
67 |
|
console.log( $(this).attr("value") ); |
68 |
|
medlemmer.push( $(this).attr("value") ) |
69 |
|
}); |
70 |
|
var medlemmerStr = medlemmer.join("|"); |
71 |
|
|
72 |
|
var nye = new Array(); |
73 |
|
|
74 |
|
$("#nye :checked").each( function(index) { |
75 |
|
console.log( $(this).attr("value") ); |
76 |
|
nye.push( $(this).attr("value") ) |
77 |
|
}); |
78 |
|
var nyeStr = nye.join("|"); |
79 |
|
|
80 |
|
var enhedStr = $("#select-enhed").val(); |
81 |
|
|
82 |
|
var post = { |
83 |
|
medlemmer: medlemmerStr, |
84 |
|
nye: nyeStr, |
85 |
|
enhed: enhedStr |
86 |
|
} |
87 |
|
var postStr = $.param(post); |
88 |
|
|
89 |
|
$.post("moede_post.php", postStr, function(){ |
90 |
|
alert( "Gemt!" ); |
91 |
|
|
92 |
|
$("#select-enhed").val('ingen'); |
93 |
|
$("#select-enhed").selectmenu( "refresh" ); |
94 |
|
|
95 |
|
rydMoedeDeltagere(); |
96 |
|
}); |
97 |
|
|
98 |
|
}); |
99 |
|
|
100 |
}); |
}); |
101 |
|
|
102 |
|
|
103 |
|
function rydMoedeDeltagere() { |
104 |
|
$("#medlemmer").find(".medlem").remove(); |
105 |
|
$("#medlemmer").listview('refresh'); |
106 |
|
|
107 |
|
$("#nye").find(".medlem").remove(); |
108 |
|
$("#nye").listview('refresh'); |
109 |
|
|
110 |
|
} |
111 |
</script> |
</script> |
112 |
|
|
113 |
</head> |
</head> |
152 |
<option value="b_ver">Bæver</option> |
<option value="b_ver">Bæver</option> |
153 |
<option value="ulv">Ulve</option> |
<option value="ulv">Ulve</option> |
154 |
<option value="junior">Junior</option> |
<option value="junior">Junior</option> |
155 |
<option value="spejder">Trop</option> |
<option value="spejder">Spejder</option> |
156 |
<option value="senior">Senior</option> |
<option value="senior">Senior</option> |
157 |
</select> |
</select> |
158 |
|
|
172 |
|
|
173 |
|
|
174 |
</div> |
</div> |
175 |
<input type="button" value="Gem Møde" id="tilfoej" data-inset="true"> |
|
176 |
|
<input type="button" value="Gem Møde" id="gem" data-inset="true"> |
177 |
|
|
178 |
|
|
179 |
<div style="display: none"> |
<div style="display: none"> |