print $javascript->link('prototype');

   print $javascript->link('scriptaculous.js?load=effects');

   print $javascript->link('controls');

<form action="/tasks/index" method="post">

      <?php

         print $ajax->autoComplete('Task/task', '/tasks/search');

         print $html->submit('Keres');

      ?>

   </form>

function search(){

   //ajaxos keresés a taskokban

   $this->Task->recursive = 1;

   $this->set('searchResults', $this->Task->findAll("task LIKE '{$this->data['Task']['task']}%'",null,null,null,1,1));

   $this->render('searchResults','ajax');

   }

<ul>

   foreach($searchResults as $s){

      print '<li><a href="/tasks/view/'.$s['Task']['id'].'">'.$s['Task']['task'].'</a></li>';

   }

</ul>

div.auto_complete {

   position         :absolute;

   width            :200px;

   background-color :white;

   border           :1px solid #888;

  margin           :0;

   padding          :0;

   }

 

li.selected { background-color: #ffb; }