همیشه استفاده از autocomplete در پروژه ها کیفیت کار را دوچندان میکند.در این مقاله به سراغ autocomplete متن رفتیم در زبان PHP که به صورت خیلی ساده میتوانید یک تکمیل خودکار متن ایجاد کنید برای پروژه هایی که به زبان PHP تولید میکنید ، در ادامه از ساخت دیتابیس شروع میکنیم تا یک مثال عملی با ما همراه باشید.
یک جدول tag در پایگاه داده تان بسازید و فقط این کوئری mySql را آنجا بریزید.
CREATE TABLE `tag` ( `id` int(20) NOT NULL auto_increment, `name` varchar(50) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ; INSERT INTO `tag` (`id`, `name`) VALUES (۱, 'php'), (۲, 'php frameword'), (۳, 'php tutorial'), (۴, 'jquery'), (۵, 'ajax'), (۶, 'mysql'), (۷, 'mspsoft'), (۸, 'programing'), (۹, 'xml');
فایل index.php را در فولدرتان بسازید و کد زیر را در آن کپی کنید.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Auto Complete Input box</title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script>
$(document).ready(function()
{
$("#tag").autocomplete("autocomplete.php",
{
selectFirst: true
});
});
</script>
</head>
<body>
<label>Tag:</label>
<input name="tag" type="text" id="tag" size="20"/>
</body>
</html>
فایل autocomplete.php را در همان فولدر بسازید و کد زیر را در آن کپی کنید.
<?php
$q=$_GET['q'];
$my_data=mysql_real_escape_string($q);
$mysqli=mysqli_connect('localhost','username','password','databasename') or die("Database Error");
$sql="SELECT name FROM tag WHERE name LIKE '%$my_data%' ORDER BY name";
$result = mysqli_query($mysqli,$sql) or die(mysqli_error());
if($result)
{
while($row=mysqli_fetch_array($result))
{
echo $row['name']."\n";
}
}
?>
امکانش هست این آموزش رو واسه #asp C و با استفاده از linq هم قرار بدید !!
ممنون میشم
لایک
روی سایت منتشر شده جستجو کنید !
لایک