| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>jQuery Autocomplete Plugin</title>
- <script type="text/javascript" src="../../js/autocomplete/jquery.js"></script>
- <script type='text/javascript' src='../../js/autocomplete/jquery.bgiframe.min.js'></script>
- <script type='text/javascript' src='../../js/autocomplete/jquery.ajaxQueue.js'></script>
- <script type='text/javascript' src='../../js/autocomplete/thickbox-compressed.js'></script>
- <script type='text/javascript' src='../../js/autocomplete/jquery.autocomplete.js'></script>
- <script type='text/javascript' src='../../js/autocomplete/localdata.js'></script>
- <link rel="stylesheet" type="text/css" href="../../js/autocomplete/main.css" />
- <link rel="stylesheet" type="text/css" href="../../js/autocomplete/jquery.autocomplete.css" />
- <link rel="stylesheet" type="text/css" href="../../js/autocomplete/lib/thickbox.css" />
-
- <script type="text/javascript">
- $(function() {
- function format(mail) {
- return mail.name + " <" + mail.to + ">";
- }
- $("#email").autocomplete('http://localhost:9080/REKON/GsonTest', {
- multiple: true,
- dataType: "json",
- parse: function(data) {
- return $.map(data, function(row) {
- return {
- data: row,
- value: row.name,
- result: row.name
- }
- });
- },
- formatItem: function(item) {
- return format(item);
- }
- }).result(function(e, item) {
- $("#content").append("<p>selected " + format(item) + "</p>");
-
- });
- });
- </script>
-
- </head>
- <body>
- <h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete Plugin</a> Demo</h1>
- <div id="content">
-
- <form autocomplete="off">
- <p>
- <label>E-Mail (remote json):</label>
- <textarea cols="120" id="email"></textarea>
- </p>
-
- <input type="submit" value="Submit" />
- </form>
-
- <a href="emails.phps">Server-side script creating the JSON data</a>
- </div>
- </body>
- </html>
|