หน้าแรก บริการของ dwthai.com เกี่ยวกับ dwthai.com ติดต่อ dwthai.com
พื้นฐานการใช้งาน การใช้งานที่มากกว่างาน Design ขยายความสามารถให้ DW เรื่องของ Script บทความน่ารู้
มุม Download
พูดคุยสนทนาตามประสาคนทำเว็บ
หาเพื่อนคุยคอเดียวกันกับ MSN
ติ-ชมเราบ้าง

 

:: ติดต่อเรา ::
webmaster_dwthai@yahoo.com
webmaster@dwthai.com

08 - 9495 - 7296
-------
-----------------------------------

 

This website best view with
Internet Explorer 5.5 up
or
Netscape version.7 up
  

เรื่อง :: การสร้างโปรแกรมสำหรับตอบกระทู้

มาแล้ว ๆ บทความสุด HOT ที่ทุกคนเรียกร้อง เฮ้อ..กว่าจะเขียนเสร็จเล่นไปเกือบ 2 ชม. เสียพลังลมปราณไปมาก...แต่อย่างไรก็สำเร็จแล้ว กับบทความชุดนี้ จะเหลือก็แต่เพียงบทสรุปและตัวอย่างโปรแกรมที่จะตามมาให้ได้ยลกันในเร็ว ๆ นี้ อดใจรอ...^^


:: วีธีการทำ ::

1. ให้คุณเปิดไฟล์ show.asp ที่เราได้ทำการสร้างไว้จากบทความก่อนขึ้นมา
2. จากนั้นให้คุณทำการสร้าง Form สำหรับการตอบกระทู้ ดังนี้

:: ตอบกระทู้ ::
ชื่อ
E-Mail
คำตอบ - ความคิดเห็น
 


ให้ทำการกำหนด Input Name ดังนี้
- ชื่อ -> Input Name = Name
- E-Mail -> Mail
- คำตอบ -> Reply

3. จากนั้นให้เราทำการเพิ่ม Input ในแบบ Hidden ขึ้นมาอีก 1 เพื่อเป็นการกำหนดว่าถ้ามีการ Submit ที่ Form นี้จะเป็นการตอบกระทู้ของหัวข้อกระทู้ใด มีวิธีการสร้างดังนี้
3.1 ให้ไปที่ Insert จากนั้นไปที่ TAB ที่ชื่อว่า Form แล้วเลือกไปที่ Hidden Field ดังรูป

3.2 จากนั้นเราจะได้ Icon สีเหลือ ๆ เพิ่มขึ้นมาใน Form ที่เราสร้างขึ้น ให้คุณ Click เลือกไปที่ Icon นี้
3.2 เมื่อคุณได้มีการ Click เลือกไปที่ Icon ที่กล่าวไปแล้ว ต่อมาให้คุณทำการกำหนดค่าของ Hidden Field นี้ โดยไปที่หน้าต่าง Properties ดังรูป



ที่ Properties ของ HiddenField นี้ให้คุณทำการตั้งชื่อว่า ID จากนั้นให้คุณทำการกำหนดค่าของ Field นี้ให้มีค่าเป็นแบบ Dynamic โดยการ Click ไปที่ Bind to Dynamic Source ดังรูป

3.3 เมื่อคุณ Click เลือกไปที่ Bind to Dynamic Source แล้ว โปรแกรม Dreamweaver จะทำการเปิดหน้าต่างใหม่ขึ้นมา เพื่อมห้คุณเลือกกำหนดค่าได้ ดังรูป



3.4 ที่หน้าต่าง Dynamic Data ให้คุณเลือกไปที่เมนู Request แล้วเลือกไปที่ QueryString.ID (QueryString นี้ได้มาจากขั้นตอนในการเรียกดูรายละเอียดกระทู้ เมื่อบทความก่อน) จากนั้น click ที่ OK

4. ขั้นตอนต่อไป คือ ขั้นตอนที่เราจะเริ่มทำการสร้างโปรแกรมกันจริง ๆ เสียที โดยให้คุณเปิดหน้าต่าง Application ขึ้นมา หรือไปที่ Window -> Server Behaviors
5. เมื่อได้หน้าต่าง Server Behaviors ขึ้นมาแล้วให้ทำการ Click เลือกไปที่ เครื่องหมายบวก (+)  แล้วทำการเลือกไปที่เมนู Insert Record ดังรูป

6. เมื่อเลือกไปที่เมนูดังกล่าวแล้ว โปรแกรม Dreamweaver MX จะเปิดหน้าต่างใหม่ขึ้นมาให้เราทำการการกำหนดค่าต่าง ๆ ที่จำเป็น ดังรูป

การกำหนดค่า
- Connection เลือก Connection ที่คุณได้ทำการสร้างไว้ ในที่นี้คือ OLE
- Insert into Table เลือกตารางที่เราจะทำการเพิ่มข้อมูลลงไป ในที่นี้คือ reply
- After Inserting, Go To เลือก Browse..ไปยังไฟล์ที่จะทำการ Redirect ไปหาเมื่อมีการตอบกระทู้เสร็จสิ้น เลือกไปที่ show.asp
- Get Values Form เลือกฟอร์มที่เราใชในการกรอกข้อมูลในการตอบกระทู้
- Form Elements เลือกชื่อ Field ให้สัมพันธ์กับ Column ในตารางของฐานข้อมูล โดยคลิ๊กไปที่ Field ที่ต้องการ แล้วทำการเลือกที่ช่องที่ชื่อว่า Column

7. เมื่อเราทำการกำหนดค่าต่าง ๆ ในหน้าต่าง Insert Record เสร็จสิ้นแล้ว ให้ทำการคลิ๊กไปที่ปุ่ม OK ได้ทันที
8. ทดสอบดูผลการทำงานกับ Web Server ของคุณ.


ps. ครั้งหน้ามาว่าถึงบทสรุปและตัวอย่างโปรแกรมที่สร้างจากบทความนี้ครับ

BACK TOP


สงวนลิขสิทธิ์ © 2546-2550 โดย dwthai.com ห้ามการ copy ส่วนใดส่วนหนึ่งของเว็บไซต์แห่งนี้.
Copyright ©2003-2007 dwthai.com. All rights reserved. This website was created by : S.raksasuk.