<input type=text name=user>
<input type="submit" name="submit" value="Send Challenge" />

<script type="text/javascript" src="/<?php echo JURI::base(); ?>components/com_purps/jquery-1.2.6.pack.js"></script>
<span style="font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #339933; padding: 0px; margin: 0px; border: 0px initial initial;"><script type="text/javascript">
	function lookup(inputString) {
		if(inputString.length == 0) {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("<?php echo JURI::base(); ?>/components/com_purps/rpc.php", {queryString: ""+inputString+""}, function(data){
				if(data.length >0) {
					$('#suggestions').show();
					$('#autoSuggestionsList').html(data);
				}
			});
		}
	} // lookup
 
	function fill(thisValue) {
		$('#inputString').val(thisValue);
		setTimeout("$('#suggestions').hide();", 200);
	}
</script>

<style type="text/css">
.suggestionsBox {
	position: relatvie;
	left: 30px;
	margin: 7px 0px 0px 0px;
	width: 150px;
	background-color: #212427;
	border: 2px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 2px;
	cursor: pointer;
}
.suggestionList li:hover {
	background-color: #659CD8;
}
</style>

<input type="text" size="30" name="user" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
<input type="submit" name="submit" value="Send Challenge" />
<div class="suggestionsBox" id="suggestions" style="display: none;">
	<div class="suggestionList" id="autoSuggestionsList"></div>
</div></pre>
</div>
</div>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; text-align: justify; line-height: 1.6em; padding: 0px; border: 0px initial initial;">Самым интересным здесь является функция lookup(). Она получает логин с поля ввода и передаёт его в rpc.php через POST используя вызов jQuery Ajax POST.
Если (IF) inputString равно 0 (нулю) функция прячет блок #suggestions.
В противном случае (ELSE) мы берём inputString и направляем в rpc.php используя jQuery $.post() function:

$.post(url, [data], [callback])
Callback позволяет нам подвязать функцию, чем мы и воспользуемся. Если значение data больше чем ноль, то функция показывает нам наш блок #suggestions и подменяет внутри него HTML на поступившие данные из rpc.php:


/** Подключаем Joomla framework */
define('_JEXEC', 1);
define('JPATH_BASE', dirname(__FILE__).'/../..');
define('DS', DIRECTORY_SEPARATOR);
require_once('../../configuration.php');
require_once('../../includes/defines.php');
require_once('../../includes/framework.php');
$mainframe = &JFactory::getApplication('site');
 
// Получаем ссылку на объект базы данных
$db = &JFactory::getDBO();
 
// Есть ли какие-либо POST-данные?
if(isset($_POST["queryString"])) {
	$queryString = addslashes($_POST['queryString']);
 
	// Длина строки больше 0?
	if(strlen($queryString) > 0) {
		// Делаем запрос: Используем LIKE '$queryString%'
		// Знак процента используем как вайлдкард. В случае с логинами это будет работать вот так:
		// $queryString = 'tes';
		// Возвращаемые данные = 'Test, Testit';
		$db->setQuery("SELECT username FROM #__users WHERE username LIKE '$queryString%' LIMIT 10");
		$rows = $db->loadObjectList();
 
		if ($db->getErrorNum())
		{
			JError::raiseError(500, $db->stderr());
		}
 
		foreach($rows as $row)
		{
			// Форматируем результат, я использую <li> для списка, но это можно и поменять.
			// Функция onClick заполнеят текстовое поле результатом.
 
			// это создаёт список и наполняет его логинами.
			echo '<li onClick="fill(\''</span><span style="font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #339933; padding: 0px; margin: 0px; border: 0px initial initial;">.$row->username.'\');">'.$row->username.'</li>';
		}
	} else {
		// Dont do anything.
	} // There is a queryString.
} else {
	echo 'There should be no direct access to this script!';
}


Вот в принципе и всё – autocompleter подключен.
 
http://blog.contra.lv/2009/10/17/ispolzuem-autocompleter-v-joomla-1-5/