MonoRail/TestSiteNVelocity/views/ajax/autocom.vm

   1 <html>
   2 <head>
   3 $AjaxHelper.GetJavascriptFunctions()
   4 $Effects2Helper.GetJavascriptFunctions()
   5
   6   <style type="text/css">
   7     body {
   8                 font-family: Verdana, Arial, Helvetica, sans-serif;
   9                 font-size: 10px;
  10                 color: Black;
  11                 background-color: White;
  12     }
  13
  14     div.auto_complete {
  15       position:absolute;
  16       width:250px;
  17       background-color:white;
  18       border:1px solid #888;
  19       margin:0px;
  20       padding:0px;
  21     }
  22     ul.names  {
  23       list-style-type: none;
  24       margin:0px;
  25       padding:0px;
  26     }
  27     ul.names li.selected { background-color: #ffb; }
  28     li.name {
  29       list-style-type: none;
  30       display:block;
  31       margin:0;
  32       padding:2px;
  33     }
  34     #list {
  35       margin:0;
  36       margin-top:10px;
  37       padding:0;
  38       list-style-type: none;
  39       width:250px;
  40     }
  41     #list li {
  42       margin:0;
  43       margin-bottom:4px;
  44       padding:5px;
  45       border:1px solid #888;
  46       cursor:move;
  47     }
  48   </style>
  49
  50 </head>
  51
  52 <body>
  53 Auto completion:<br>
  54
  55 $AjaxHelper.InputTextWithAutoCompletion("%{input='name', url='nameautocompletion.rails'}", "%{}")
  56
  57 </body>
  58
  59 </html>