20 <script type="text/javascript" src="/fhiiqm/js/jquery/jquery-ui-1.8.16.custom.min.js"></script> |
22 <script type="text/javascript" src="/fhiiqm/js/jquery/jquery-ui-1.8.16.custom.min.js"></script> |
21 <title>Test jquery ui autocomplete</title> |
23 <title>Test jquery ui autocomplete</title> |
22 </head> |
24 </head> |
23 |
25 |
24 <body> |
26 <body> |
25 <script> |
27 <!-- <script> |
26 $('#date').datepicker(); |
|
27 </script> |
|
28 <script> |
|
29 $(function() { |
28 $(function() { |
30 /* |
29 /* |
31 function log( message ) { |
30 function log( message ) { |
32 $( "<div/>" ).text( message ).prependTo( "#log" ); |
31 $( "<div/>" ).text( message ).prependTo( "#log" ); |
33 $( "#log" ).scrollTop( 0 ); |
32 $( "#log" ).scrollTop( 0 ); |
43 "Nothing selected, input was " + this.value ); |
42 "Nothing selected, input was " + this.value ); |
44 } |
43 } |
45 */ |
44 */ |
46 }); |
45 }); |
47 }); |
46 }); |
|
47 </script> |
|
48 --> |
|
49 <script> |
48 $(document).ready(function() { |
50 $(document).ready(function() { |
49 $("input#partner").autocomplete({ |
51 $("#partner").autocomplete({ |
50 source: ["FU Berlin", "TU Berlin", "HU Berlin"], |
52 source: "partner_list_autocomplete.php", |
51 minLength: 2 |
53 minLength: 2, |
|
54 autofocus: true |
52 }); |
55 }); |
53 }); |
56 $('#date').datepicker(); |
|
57 $( "#format" ).change(function() { |
|
58 $( "#date" ).datepicker( "option", "dateFormat", $( this ).val() ); |
|
59 }); |
|
60 $("a").click(function(){ |
|
61 alert("das wird nicht funktionieren!"); |
|
62 $(this).hide("slow"); |
|
63 return false;}); |
|
64 $("input").filter("long20").addClass("long20"); |
|
65 $("input").filter("long30").addClass("long30"); |
|
66 $("input").filter("long50").addClass("long50"); |
|
67 }); |
|
68 </script> |
|
69 |
|
70 <?php |
|
71 $part = $_POST["partner"]; |
|
72 $dat = $_POST["date"]; |
|
73 if ($part || $dat) |
|
74 { |
|
75 $partid = trim(substr($part,0,strpos($part,"-"))); |
|
76 $datef = new DateTime_s($dat); |
|
77 } |
|
78 ?> |
54 |
79 |
55 </script> |
80 <form action="<?php $_SERVER["PHP_SELF"] ?>" method="post" enctype="application/x-www-form-urlencoded" id="form_part" target="_self"> |
56 <h3>Versuch autocomplete ui widget</h3> |
81 <table cellpadding="10"> |
57 <div class="ui-widget"> |
82 <tr><td> |
58 <label for="partner">Partner: </label> |
83 <h3>Versuch autocomplete ui widget</h3> |
59 <input id="partner" /> <br /><br /> |
84 <div class="ui-widget"> |
60 |
85 <label for="partner">Partner: </label> |
61 <label>Datum waehlen:</label> |
86 <input class="long30" id="partner" name="partner" value="<?php echo $part; ?>"/> <br /> |
62 <input type="text" name="date" id="date" /> |
87 <?php echo "partner-ID = $partid<br />\n"; ?> |
63 </div> |
88 <br /> |
|
89 |
|
90 <label>Datum waehlen:</label> |
|
91 <input class="long20" type="text" name="date" id="date" value="<?php echo $dat; ?>" /><br /> |
|
92 <?php echo "Datum = $datef<br />\n"; ?> |
|
93 </div> |
|
94 <div class="ui-widget"> |
|
95 <br /> |
|
96 <label>Format options: </label> |
|
97 <br /> |
|
98 <select id="format"> |
|
99 <option value="mm/dd/yy">Default - mm/dd/yy</option> |
|
100 <option value="dd.mm.yy">German - dd.mm.yy</option> |
|
101 <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option> |
|
102 <!-- |
|
103 <option value="d M, y">Short - d M, y</option> |
|
104 <option value="d MM, y">Medium - d MM, y</option> |
|
105 <option value="DD, d MM, yy">Full - DD, d MM, yy</option> |
|
106 <option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option> |
|
107 --> |
|
108 </select> |
|
109 <br /><br /> |
|
110 <button type="submit" id="ab" name="ab" onclick="$this.form.submit;">und ab</button> |
|
111 </div> |
|
112 <p><a href="/gallerie.html">zur Gallerie</a></p> |
|
113 </td></tr> |
|
114 </table> |
|
115 </form> |
64 </body> |
116 </body> |
65 </html> |
117 </html> |
66 |
118 |