เรียนท่านผู้รู้เรื่อง ajax

runmaru_ru · 12 ธันวาคม 2010, 00:40:54

ผมซื้อหนังสือมาของอาจารย์พร้อมเลิศ มาครับเรื่อง ajax เืพื่อสร้างฟอร์มค้นหา แต่แก้ไขนิดหน่อยกลับไม่ทำงานเรียนสอบถามท่านผู้รู้หน่อยครับเกิดจากอะไรและสามารถแก้ได้ยังไง

เป็นภาพที่ตอนไม่ได้แก้ไข

รูปแก้ไขโค๊ดเพียงนิดเดียวครับ

DJJome · 12 ธันวาคม 2010, 07:21:26

อ่านสองรอบแล้วยังไม่เข้าใจ สงสัยผมยังเมาขี้ตาอยู่

เอา source code มาดูหน่อยสิ

NightClub · 12 ธันวาคม 2010, 08:07:58

ขาดตัว " " สำหรับครอบข้อความใน array ครับ

ปล.ผมต้องกดขยายรูปดูเลยนะเนี่ย

runmaru_ru · 12 ธันวาคม 2010, 13:41:26

<?php
header('Content-Type: text/html; charset=utf-8');

//ในการเขียนโปรแกรมจริง ข้อมูลในอาร์เรย์นี้อาจดึงมาจากฐานข้อมูล
$books = array(
'คู่มือเรียน Visual Basic 2005',
'คู่มือเรียน PHP และ MySQL สำหรับผู้เริ่มต้น',
'คู่มือเรียน JSP',
'คู่มือช่างคอมพิวเตอร์ ฉบับสมบูรณ์',
'มือใหม่หัดเป็นช่างคอมพิวเตอร์',
'คัมภีร์ NoteBook'
);

//คัดกรองข้อมูล แล้วส่งออกไปในรูปแบบของ unordered list
$text = $_POST["txtValue"];
echo '<ul>';
foreach ($books as $b) {
/* ตรวจสอบว่าส่วนต้นของสตริง $b ตรงกับสตริง $text หรือไม่
(ไม่สนใจความแตกต่างระหว่างตัวอักษรเล็ก-ใหญ่ในภาษาอังกฤษ) */
if (strtolower(substr($b, 0, strlen($text))) == strtolower($text)) {
echo '<li>' . $b . '</li>';
}
}
echo '</ul>';
?>
//โค๊ดปกติครับ

runmaru_ru · 12 ธันวาคม 2010, 13:46:09

<?php
header('Content-Type: text/html; charset=utf-8');

//ในการเขียนโปรแกรมจริง ข้อมูลในอาร์เรย์นี้อาจดึงมาจากฐานข้อมูล
$books = array(
'คู่มือเรียน Visual Basic 2005',
'คู่มืเรียน PHP และ MySQL สำหรับผู้เริ่มต้น',//ผมเอาอ.อ่างออกจากโค๊ดนะครับ
'คู่มือเรียน JSP',
'คู่มือช่างคอมพิวเตอร์ ฉบับสมบูรณ์',
'มือใหม่หัดเป็นช่างคอมพิวเตอร์',
'คัมภีร์ NoteBook'
);

//คัดกรองข้อมูล แล้วส่งออกไปในรูปแบบของ unordered list
$text = $_POST["txtValue"];
echo '<ul>';
foreach ($books as $b) {
/* ตรวจสอบว่าส่วนต้นของสตริง $b ตรงกับสตริง $text หรือไม่
(ไม่สนใจความแตกต่างระหว่างตัวอักษรเล็ก-ใหญ่ในภาษาอังกฤษ) */
if (strtolower(substr($b, 0, strlen($text))) == strtolower($text)) {
echo '<li>' . $b . '</li>';
}
}
echo '</ul>';
?>

runmaru_ru · 12 ธันวาคม 2010, 13:47:26

แก้แล้วมีปัญหาครับ

runmaru_ru · 12 ธันวาคม 2010, 13:54:15

ไฟล์ autocomplete2.html ครับ ไปเรียก ไฟล์ book_list2.php ด้านบนครับ
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Autocomplete Text Field</title>
<script type="text/javascript" src="../framework/scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="../framework/scriptaculous/src/scriptaculous.js"></script>

<script language="javascript">
function start() {
new Ajax.Autocompleter("autoComplete", "autoCompleteMenu", "book_list2.php", { paramName: "txtValue" });
}
</script>

<style>
#autoCompleteMenu ul {
background-color: #FFFFBB;
border: 1px solid #888888;
list-style-type: none; font-size: 10pt;
margin: 0px; padding: 0px;
}
#autoCompleteMenu ul li {
list-style-type: none; display: block;
margin: 0; padding: 2px;
height: 20px; cursor: pointer;
}
#autoCompleteMenu ul li.selected {
background-color: #FFCC66;
}
</style>
</head>

<body onload="start()">
<h3>สร้าง Autocomplete Text Field โดยใช้เฟรมเวิร์ค script.aculo.us</h3>
พิมพ์ชื่อหนังสือ: <input type="text" id="autoComplete" size="40">
<div id="autoCompleteMenu"></div>
</body>
</html>

thenetxx · 13 ธันวาคม 2010, 00:34:47

ตอน save file อย่าลืมดู encode ให้ดี ต้องเป็น utf8 และ ต้องไม่มี BOM Signature ด้วยนะครับ