เอาไว้ทำ ComboBox ใน Form ให้ users เลือก

คำสั่ง MySQL นะ

-- --------------------------------------------------------

--
-- โครงสร้างตาราง `province`
--

CREATE TABLE `province` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(100) NOT NULL default '',
PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=77 ;

--
-- dump ตาราง `province`
--

INSERT INTO `province` VALUES (1, 'กรุงเทพมหานคร');
INSERT INTO `province` VALUES (2, 'กระบี่');
INSERT INTO `province` VALUES (3, 'กาญจนบุรี');
INSERT INTO `province` VALUES (4, 'กาฬสินธุ์');
INSERT INTO `province` VALUES (5, 'กำแพงเพชร');
INSERT INTO `province` VALUES (6, 'ขอนแก่น');
INSERT INTO `province` VALUES (7, 'ฉะเชิงเทรา');
INSERT INTO `province` VALUES (8, 'จันทบุรี');
INSERT INTO `province` VALUES (9, 'ชลบุรี');
INSERT INTO `province` VALUES (10, 'ชัยนาท');
INSERT INTO `province` VALUES (11, 'ชัยภูมิ');
INSERT INTO `province` VALUES (12, 'ชุมพร');
INSERT INTO `province` VALUES (13, 'เชียงราย');
INSERT INTO `province` VALUES (14, 'เชียงใหม่');
INSERT INTO `province` VALUES (15, 'ตราด');
INSERT INTO `province` VALUES (16, 'ตรัง');
INSERT INTO `province` VALUES (17, 'ตาก');
INSERT INTO `province` VALUES (18, 'นครนายก');
INSERT INTO `province` VALUES (19, 'นครปฐม');
INSERT INTO `province` VALUES (20, 'นครพนม');
INSERT INTO `province` VALUES (21, 'นครราชสีมา');
INSERT INTO `province` VALUES (22, 'นครศรีธรรมราช');
INSERT INTO `province` VALUES (23, 'นครสวรรค์');
INSERT INTO `province` VALUES (24, 'นนทบุรี');
INSERT INTO `province` VALUES (25, 'นราธิวาส');
INSERT INTO `province` VALUES (26, 'น่าน');
INSERT INTO `province` VALUES (27, 'บุรีรัมย์');
INSERT INTO `province` VALUES (28, 'ปทุมธานี');
INSERT INTO `province` VALUES (29, 'ประจวบคีรีขันธ์');
INSERT INTO `province` VALUES (30, 'ปราจีนบุรี');
INSERT INTO `province` VALUES (31, 'ปัตตานี');
INSERT INTO `province` VALUES (32, 'พระนครศรีอยุธยา');
INSERT INTO `province` VALUES (33, 'พะเยา');
INSERT INTO `province` VALUES (34, 'พิจิตร');
INSERT INTO `province` VALUES (35, 'พิษณุโลก');
INSERT INTO `province` VALUES (36, 'เพชรบูรณ์');
INSERT INTO `province` VALUES (37, 'เพชรบุรี');
INSERT INTO `province` VALUES (38, 'แพร่');
INSERT INTO `province` VALUES (39, 'พังงา');
INSERT INTO `province` VALUES (40, 'พัทลุง');
INSERT INTO `province` VALUES (41, 'ภูเก็ต');
INSERT INTO `province` VALUES (42, 'มุกดาหาร');
INSERT INTO `province` VALUES (43, 'มหาสารคาม');
INSERT INTO `province` VALUES (44, 'แม่ฮ่องสอน');
INSERT INTO `province` VALUES (45, 'ยะลา');
INSERT INTO `province` VALUES (46, 'ยโสธร');
INSERT INTO `province` VALUES (47, 'ร้อยเอ็ด');
INSERT INTO `province` VALUES (48, 'ระนอง');
INSERT INTO `province` VALUES (49, 'ระยอง');
INSERT INTO `province` VALUES (50, 'ราชบุรี');
INSERT INTO `province` VALUES (51, 'ลพบุรี');
INSERT INTO `province` VALUES (52, 'ลำปาง');
INSERT INTO `province` VALUES (53, 'ลำพูน');
INSERT INTO `province` VALUES (54, 'เลย');
INSERT INTO `province` VALUES (55, 'ศรีสะเกษ');
INSERT INTO `province` VALUES (56, 'สกลนคร');
INSERT INTO `province` VALUES (57, 'สงขลา');
INSERT INTO `province` VALUES (58, 'สตูล');
INSERT INTO `province` VALUES (59, 'สมุทรปราการ');
INSERT INTO `province` VALUES (60, 'สมุทรสาคร');
INSERT INTO `province` VALUES (61, 'สมุทรสงคราม');
INSERT INTO `province` VALUES (62, 'สระแก้ว');
INSERT INTO `province` VALUES (63, 'สระบุรี');
INSERT INTO `province` VALUES (64, 'สิงห์บุรี');
INSERT INTO `province` VALUES (65, 'สุโขทัย');
INSERT INTO `province` VALUES (66, 'สุพรรณบุรี');
INSERT INTO `province` VALUES (67, 'สุราษฎร์ธานี');
INSERT INTO `province` VALUES (68, 'สุรินทร์');
INSERT INTO `province` VALUES (69, 'หนองคาย');
INSERT INTO `province` VALUES (70, 'หนองบัวลำภู');
INSERT INTO `province` VALUES (71, 'อ่างทอง');
INSERT INTO `province` VALUES (72, 'อุบลราชธานี');
INSERT INTO `province` VALUES (73, 'อุทัยธานี');
INSERT INTO `province` VALUES (74, 'อุดรธานี');
INSERT INTO `province` VALUES (75, 'อุตรดิตถ์');
INSERT INTO `province` VALUES (76, 'อำนาจเจริญ');

แถมคำสั่งสำหรับ Gen ComboBox

echo '<select name='province' >';
echo <option value=''  selected>-เลือกจังหวัด- </option>';

$s2 = "SELECT * FROM province";
$r2 = mysql_query($s2);

while($aa = mysql_fetch_array($r2)) {
echo '<option value="'. $aa['id'] .'">'. $aa['name'] .'</option>';
}

echo '</select>';

คราวนี้มีปัญหา ถ้าเราอยากปิด Auto-Complete ของ Browser ที่เราใช้

เพื่อจะไปใช้ AJAX Multiple Auto-Complete Input Form ที่เราเขียนขึ้นมา

มีวิธีปิดดังนี้ค่า

ใส่ Code นี้ลงไปใน Form ต่างๆ เช่น Textbox, Textfield ฯลฯ

autocomplete="off"

ตัวอย่าง

<input maxlength="10" name="username" type="text" />

หลังจากหลีกเลี่ยงไม่ได้

ก็เลยไปค้นจากอากู๋
เจอเว็บไซต์แจก Source Code พอดี
แถมเป็น AJAX แบบที่ต้องการเลย

• ดาวน์โหลด Source Code จากเว็บ
  หรือ
• ดาวน์โหลดจากที่นี่

วิธีใช้งาน

แตก zip ไฟล์ ก็จะได้ไฟล์ 4 ไฟล์ดังนี้

แต่เวลาใช้งานจริงๆ จะใช้แค่ 3 ไฟล์

ส่วนไฟล์ actc_article.html จะเป็นคล้ายๆ Readme

แล้วนำ Code ไปใส่ใน Form HTML ที่ต้องการใช้งาน Text Input (Text Field)

<script language="javascript" type="text/javascript" src="include/actb.js"></script>
<script language="javascript" type="text/javascript" src="include/common.js"></script>
<script>
var customarray=new Array('an apple','alligator','elephant','pear','kingbird',
'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
'kingpin');
</script>

<input type='text' style='font-family:verdana;width:300px;font-size:12px;' id='tb' value=''/>

<script>
var obj = actb(document.getElementById('tb'),customarray);
//setTimeout(function(){obj.actb_keywords = custom2;},10000);
</script>

ก็จะสามารถใช้งาน Multiple Auto-Complete ได้เลย

โปรดสังเกต Auto-Complete จะดึงข้อมูลจาก Array

ถ้าต้องการให้ Auto-Complete ดึงข้อมูลจาก Database ให้ใส่ Code แทนบรรทัด

var customarray=new Array('an apple', 'alligator', 'elephant', 'pear', 'kingbird', 'kingbolt', 'kingcraft', 'kingcup', 'kingdom', 'kingfisher', 'kingpin');

แทนที่ด้วย Code ที่ดึงข้อมูลจาก Database

<?php
function db_connect() {
$db = mysql_connect("localhost","YOUR USER","YOUR PASSWORD");
if (!$db) {
echo "Error ";
exit;
}
mysql_select_db("YOUR DATABASE");
}
db_connect();

$result = mysql_query("SELECT your_column FROM your_table ORDER BY your_column");
if (mysql_num_rows($result)) {
while ($row = mysql_fetch_assoc($result)) {
$customarray[] = $row[your_column];
}
}

echo 'var customarray = new Array("' . implode('", "', $customarray) . '")';
?>

เท่านี้ก็จะได้ Auto-Complete Input Form เรียบร้อยแล้วจ้า

อ้ะ! เวลาใส่ Multiple Auto-Complete จะเป็นอย่างนี้น้า

ขอให้สนุกกับ Code ค่า

ในที่สุดก็เจอของดี

PHP Thumbnailer Class v2.0 by Gen X Design

วิธีใช้ก็ง่ายๆ เพียงแค่ใส่ include ไฟล์เข้าไป
แล้วก็ new thumbnail เพื่อสร้าง object ของรูปที่เราจะย่อ

<?php
include_once('thumbnail.inc.php');
$thumb = new Thumbnail('path/to/image/file.jpg');
?>

กำหนดขนาดที่ต้องการจะย่อ ใส่ width, height เข้าไป

$thumb->resize($width,$height);

หรือสามารถใส่เป็น % ก็ได้

$thumb->resizePercent(50);

สั่งแสดงรูป

$thumb->show();

หรือสั่ง save

$thumb->save('path/to/file.jpg');

เท่านี้ก็จะได้รูปที่เราย่อแบบสวยงามแล้ว

Crop ภาพ

$thumb->cropFromCenter(100);

หรือทำให้รูปมีเงาสะท้อนก็ใช้คำสั่ง

$thumb->createReflection(40,40,80,true,'#a4a4a4');

คำสั่งอื่นๆ ที่สามารถใช้ได้ดูได้ ที่นี่

• ดาวน์โหลดจากเว็บ Gen X Design

หรือ ดาวน์โหลดจากที่นี่

• Both PHP 5 & 4 Versions
• Download PHP 4 v2.0
• Download PHP 5 v2.0