PEAR::HTML_QuickForm_LivesearchはPEAR::HTML_QuickFormパッケージの一つで、Livesearch機能を持つinputテキスト要素を生成します。
Livesearch機能とは、ちょうどGoogle suggestのような、 テキストボックスにキー入力が行われる度にその段階までの入力での検索結果が ドロップダウンリストとして返される、 AJAX技術を用いた動的な検索機能です。
HTML_QuickForm_Livesearchは現在バージョン0.3.2のbetaバージョンとなってい ます。
http://pear.php.net/package/HTML_QuickForm_Livesearch
-- インストール --
pear install HTML_QuickForm_Livesearch-beta
※HTML_QuickForm 及び HTML_AJAXも必要です。
-- index.php --
<?php
require_once 'HTML/QuickForm.php';
require_once 'HTML/QuickForm/livesearch_select.php';
require_once 'myfunction.php';
$form = new HTML_QuickForm('firstForm');
$form->addElement('livesearch_select', 'Program', 'プログラム言語',
array(
'elementId' => 'search',
'callback' => array('Test', 'getTestName'),
'searchZeroLength' => 1,
'buffer' => 350,
'printStyle' => 1,
'autoComplete' => 1
),
array('size' => '50')
);
$form->addElement('submit', null, '送信', array('id'=>'submit'));
$form->addRule('Program', '入力して下さい', 'required', null, 'server');
if ($form->validate()) {
$form->freeze();
$form->addElement('text', 'back', '<a href="index.php">戻る</a>');
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Livesearch QuickForm Test</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<?php
$form->display();
?>
</body>
</html>
-- myfunction.php --
<?php
/**
* callback用クラス
*/
class Test {
function getTestName($dbh, $id) {
$livesearch = array(
1 => 'PHP',
2 => 'Perl',
3 => 'Java',
4 => 'Ruby',
5 => 'Python',
6 => 'JavaScript',
7 => 'CSS',
);
if ($id > 0) {
return $livesearch[$id];
}
}
}
?>
-- auto_server.php --
<?php
/**
* Ajaxリクエスト処理クラス
*/
include 'HTML/AJAX/Server.php';
class LiveServer extends HTML_AJAX_Server {
var $initMethods = true;
function initLivesearch() {
include 'livesearch.class.php';
$this->registerClass(new livesearch());
}
}
$server = new LiveServer();
$server->registerJSLibrary('QfLiveSearch','live.js','./');
$server->handleRequest();
?>
-- livesearch.class.php --
<?php
/**
* Ajaxリクエスト検索クラス
*/
class livesearch {
var $livesearch = array(
1 => 'PHP',
2 => 'Perl',
3 => 'Java',
4 => 'Ruby',
5 => 'Python',
6 => 'JavaScript',
7 => 'CSS',
);
function search($input) {
$ret = array();
foreach($this->livesearch as $key => $value) {
if (stristr($value,$input)) {
$ret[$key] = $value;
}
}
return $ret;
}
}
?>
このサンプルでは、inputボックスにアルファベットを入力すると、一覧に含ま れる文字があれば、 該当項目を返して、選択できるようになります。検索方法は livesearch.class.phpにて自由に変更できます。
実際の動作ですが、IE6.0 & Firefox1.5では動作しましたが、Operaでは上下 キーでの選択ができないようです。 また、選択項目をEnterキーで決定した場合、同時にSubmitされてしまったり と、動作に不安定な部分も見られます。
Suggestの機能を実装するにはJavaScriptのライブラリの「script.aculo.us」や 「YUI Library」などがありますが、 PEAR::HTML_QuickForm_Livesearchの場合、HTML_QuickFormを使っている方は作 成が簡単に行えることや、 PHPのコードだけを書けばいいので管理もしやすくなるのではないでしょうか。 安定版リリースの際には検討してみるのもいいかもしれません。
この記事は、アシアルが運営するPHP開発者のためのポータル&コミュニティサイト「PHPプロ!」で毎週配信しているPHP・TIPSメーリングリストを再録したものです。
同サイトでは、他にもPHP最新ニュースや、困ったときのQ&A掲示板、初心者向けのPHP講座など、PHP開発者をサポートする情報を掲載しています。