autocomplete.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html>
  5. <head profile="profile.txt">
  6. <title>iEat - Autocomplete</title>
  7. <script type="text/javascript">
  8. var webContext = '/ieat';
  9. </script>
  10. <link rel="stylesheet" type="text/css" href="/ieat/css/global.css" media="screen,print" />
  11. <link rel="stylesheet" type="text/css" href="/ieat/css/print.css" media="print" />
  12. <link rel="stylesheet" type="text/css" href="/ieat/css/edit-recipe.css" media="screen" />
  13. <link rel="stylesheet" type="text/css" href="/ieat/css/jquery.autocomplete.css" media="screen" />
  14. <script type="text/javascript" src="/ieat/js/jquery-1.3.2.js"></script>
  15. <script type="text/javascript" src="/ieat/js/jquery.ajaxQueue.js"></script>
  16. <script type="text/javascript" src="/ieat/js/jquery.autocomplete.js"></script>
  17. <script type="text/javascript" src="/ieat/js/edit-recipe.js"></script>
  18. </head>
  19. <body>
  20. <div class="nav-banner">Home -
  21. <a href="/ieat/index.do" title="Browse index of available recipies.">A-Z</a>-
  22. <a href="/ieat/search.do" title="Search for recipes">Search</a>-
  23. <a href="/ieat/logon.do" title="Log on to iEat">Logon</a></div>
  24. <h1>iEat - the Internet Recipe Database</h1>
  25. <p>Welcome to iEat, the internet recipe database!</p>
  26. <form action="/ieat/something.do">
  27. <div style="clear: both;">
  28. <label for="recipe.ingredient[0].ingredient.name" style="float: left;">Ingredient [0]: </label>
  29. <div style="float: left; margin-bottom: 20px;">
  30. <a class="ingredient-type-chooser ingredient" href="#"
  31. title="Click to use a recipe for this ingredient">
  32. <span class="alt">Ingredient Type Chooser</span>
  33. </a>
  34. <div id="recipe.ingredient[0].ingredient" style="float: left;">
  35. <input type="text"
  36. name="recipe.ingredient[0].ingredient.name"
  37. id="recipe.ingredient[0].ingredient.name"
  38. class="ingredient-autocomplete" />
  39. <input type="hidden"
  40. name="recipe.ingredient[0].ingredient.ingredientId"
  41. id="recipe.ingredient[0].ingredient.ingredientId"
  42. value="" />
  43. </div>
  44. <div id="recipe.ingredient[0].recipe" style="float: left; display: none;">
  45. <input type="text"
  46. name="recipe.ingredient[0].recipe.name"
  47. id="recipe.ingredient[0].recipe.name"
  48. class="recipe-autocomplete"
  49. value="" />
  50. <input type="hidden"
  51. name="recipe.ingredient[0].recipe.recipeId"
  52. id="recipe.ingredient[0].recipe.recipeId"
  53. value="" />
  54. </div>
  55. </div>
  56. </div>
  57. </form>
  58. </body>
  59. </html>