การทำ Guestbook ด้วย Dreamweaver ตอนที่ 2 จัดทำโดย : first พิมพ์
 Untitled Document

จากตอนที่แล้วที่เราทำสมุดเยี่ยม ตอนนี้เราจะมาแสดงสมุดเยี่ยมกันนะครับ

1.เราต้องปรับปรุงไฟล์ index.php พิมพ์ดังนี้

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
</head>

<body>
<form name="form1" method="POST" action="">
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<th colspan="3" scope="col"><DIV align="center"><strong>เขียนสมุดเยี่ยม</strong></DIV></th>
</tr>
<tr>
<td width="71"><div align="right">ข้อความ : </div></td>
<td colspan="2"><label>
<textarea name="text" cols="65" rows="5" wrap="virtual" id="text"></textarea>
</label></td>
</tr>
<tr>
<td><div align="right">จาก : </div></td>
<td colspan="2"><label>
<input name="name" type="text" id="name" size="40">
</label></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<label>
<input type="submit" name="Submit" value="ตกลง">
</label>
</div></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1">
</form>
<br>
<form name="form2" method="post" action="">
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<th colspan="3" bgcolor="#999999" scope="col">แสดงสมุดเยี่ยม</th>
</tr>
<tr>
<td width="34" bgcolor="#CCCCCC" align="center"><font color="#000000">ลำดับ</font></td>
<td width="158" bgcolor="#CCCCCC"><font color="#000000">ข้อความ</font></td>
<td width="40" bgcolor="#CCCCCC"><font color="#000000">จาก</font></td>
</tr>
<tr>
<td bgcolor="f2f2f2">&nbsp;</td>
<td bgcolor="f2f2f2">&nbsp;</td>
<td bgcolor="f2f2f2">&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>

2.เริ่มการแสดงข้อมูลโดย





Name : ตั้นชื่อ Record Set
Connection : การเชื่อมต่อ
Table : ชื่อตารางที่ต้องการแสดงข้อมูล
Columes : เลือกฟิลด์ข้อมูลที่ต้องการแสดงอกกมา
Sort : เลือก ฟิลด์ที่ต้องการเรียง และ Descending เรียงจากมากไปหาน้อย เมื่อสำเร็จ



เลือกคลิกที่ชื่อฟิลด์ที่ต้องการแสดงไปวางในตำแหน่งที่ต้องการดังรูป



ต่อด้วย Repeat Region เพื่อให้ แสดงข้อมูลทั้งหมดในตาราง





เพื่อเลือกข้อมูลทั้งหมดมาแสดง

เมื่อทำทุกอย่างเสร็จหมดแล้วจะมีีหน้าตาดังรูป



กด F12 เพื่อ ทดลอง



คุณอาจสนใจ
การทำปฎิทินด้วย Java Script
nut (40,900 - 07 มี.ค. 51)
การใช้คำสั่ง Nowและ Date
นายจืด (26,553 - 09 พ.ค. 51)
ทำภาพพับมุมปกหนังสือ ด้วย Photoshop
Black-Hawk (115,701 - 22 ก.พ. 51)
การตั้งค่าให้โน้ตบุ๊กใช้งานเครือข่ายไร้สายได้
เว็บไทยดีดี (14,295 - 25 ส.ค. 50)
ลบรายการในเสิร์ชบ๊อกซ์ของ Firefox
เว็บไทยดีดี (15,048 - 01 ก.ย. 50)
โหลด Windows แบบเร่งด่วน
เว็บไทยดีดี (16,232 - 26 ม.ค. 51)
ส่วนประกอบของ Excel 2002 (XP)
Mr.GuruZ (38,173 - 30 ม.ค. 50)
หยุดโฆษณาขยะที่เข้ามาในเครื่อง
เว็บไทยดีดี (14,931 - 27 ต.ค. 50)