Ajax Auto-Complete

Auto-complete fields in CakePHP show their results in div.auto_complete.

To return a result, send an un-ordered list.

Ajax component and Ajax::autoComplete are described in CakePHP Manual

 
div.auto_complete {
   position:absolute;
   width:250px;
   background-color:#fff;
   border:1px solid #888;
   margin:0px;
   padding:0px;
 }
 
div.auto_complete ul {
   list-style-type: none;
   margin:0px;
   padding:0px;
}
 
div.auto_complete ul li.selected { background-color: #ffb;}
 
div.auto_complete ul li {
   list-style-type: none;
   display:block;
   margin:0;
   padding:2px;
   height:16px;
   font-size:12px;
}
 

Link from here: http://wiki.script.aculo.us/scriptaculous/revision/Ajax.Autocompleter?rev=5

 
tutorials/css_in_ajax.txt · Last modified: 2006/06/02 09:37 by jacek