/[projects]/misc/horsensspejder-web/mobile/moedeprotokol.php
ViewVC logotype

Diff of /misc/horsensspejder-web/mobile/moedeprotokol.php

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 2127 by torben, Sat Mar 15 08:53:45 2014 UTC revision 2141 by torben, Wed Apr 9 17:17:04 2014 UTC
# Line 11  session_start(); Line 11  session_start();
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");
# Line 35  $( function() { Line 48  $( function() {
48              }              }
49                            
50              medlemmer.listview('refresh');              medlemmer.listview('refresh');
51                
52                $.mobile.loading( "hide" );
53          });          });
54      });      });
55            
# Line 60  $( function() { Line 75  $( function() {
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            
# Line 78  $( function() { Line 96  $( function() {
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      });      });
# Line 106  function rydMoedeDeltagere() { Line 130  function rydMoedeDeltagere() {
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    
# Line 155  function rydMoedeDeltagere() { Line 180  function rydMoedeDeltagere() {
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&oslash;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
# Line 167  function rydMoedeDeltagere() { Line 199  function rydMoedeDeltagere() {
199              </li>              </li>
200          </ul>          </ul>
201                    
202          <input id="tilfoejny" type="button" value="Tilf&oslash;j ny" id="tilfoej" data-inset="true">          <input id="tilfoejny" type="button" value="Tilf&oslash;j ny" id="tilfoej" data-inset="true" />
203    
204    
205    
206          </div>          </div>
207                    
208          <input type="button" value="Gem M&oslash;de" id="gem" data-inset="true">          <input type="button" value="Gem M&oslash;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">
Legend:
Removed from v.2127  
changed lines
  Added in v.2141
  ViewVC Help
Powered by ViewVC 1.1.20