ทำประมาณนี้ยังไงครับ

[t_doyoumv]

สมมุติว่าผมมีหัวข้อว่า


ข่าวไอที  ข่าวกีฬา  ข่าวอิอิ  ข่าวอุอุ

แล้วพอเวลาคลิกที่ข่าวกีฬาก็จะมีข้อมูลลงมาแบบนี้


ข่าวไอที  ข่าวกีฬา  ข่าวอิอิ  ข่าวอุอุ

เนื้อหา
เนื้อหา
เนื้อหา
เนื้อหา
เนื้อหา

แล้วก็มีพื้นหลังหรือสีที่คำว่าข่าวกีฬาว่าเราได้เลือกหัวข้อนั้นแล้ว

แต่ว่ายังแสดงอยู่ที่เดิมไม่เปลี่ยนตำแหน่งหรือเปลี่ยนหน้า

จะเป็นเหมือนคล้ายๆๆของโซนไอทีอะครับ

ไม่ทราบว่ามีแนวทางยังไงบ้างครับ

ตอนนี้ผมทำแบบไอแฟรมอยุ่ มันสับสนมากๆๆๆครับเพราะต้องสร้างไฟล์ให้ครบหัวข้ออะครับพอมีวิธีไหนบ้างครับ

ขอบคุณมากๆๆๆครับ

[ซาเล้ง]

ขอโทษนะครับ  ทำไมถึงอยากเหมือนเขาอ่ะ

โค้ด เลือก ขยาย

© 1 เมษายน พ.ศ. 2549 - 2553
คุณมีสิทธิที่จะทำซ้ำ แก้ไข จำหน่ายจ่ายแจก กับข้อความและรูปภาพทั้งหมดที่ปรากฎบนเว็บไซต์นี้ แต่ต้องอ้างอิงกลับมายังที่นี่
ติดต่อสอบถาม [email protected]

โค้ด เลือก ขยาย

© 1 พฤษภาคม พ.ศ. 2551 - 2553
คุณมีสิทธิที่จะทำซ้ำ แก้ไข จำหน่ายจ่ายแจก กับข้อความและรูปภาพทั้งหมดที่ปรากฎบนเว็บไซต์นี้ แต่ต้องอ้างอิงกลับมายังที่นี่
ติดต่อสอบถาม [email protected]

เวลาเขาว่าให้เรา มันเจ็บนะ

[t_doyoumv]

ขอโทษนะครับ  ทำไมถึงอยากเหมือนเขาอ่ะ

โค้ด เลือก ขยาย

© 1 เมษายน พ.ศ. 2549 - 2553
คุณมีสิทธิที่จะทำซ้ำ แก้ไข จำหน่ายจ่ายแจก กับข้อความและรูปภาพทั้งหมดที่ปรากฎบนเว็บไซต์นี้ แต่ต้องอ้างอิงกลับมายังที่นี่
ติดต่อสอบถาม [email protected]

โค้ด เลือก ขยาย

© 1 พฤษภาคม พ.ศ. 2551 - 2553
คุณมีสิทธิที่จะทำซ้ำ แก้ไข จำหน่ายจ่ายแจก กับข้อความและรูปภาพทั้งหมดที่ปรากฎบนเว็บไซต์นี้ แต่ต้องอ้างอิงกลับมายังที่นี่
ติดต่อสอบถาม [email protected]

เวลาเขาว่าให้เรา มันเจ็บนะ

ป่าวครับผมไม่ได้จะทำเหมือนเค้าแปะๆครับผมแค่ขอแนวทางทำอะครับ

[teacup]

ผมเคยใช้แบบเฟรมครับ เลยไม่น่าเหมาะกับ seo

[t_doyoumv]

ผมเคยใช้แบบเฟรมครับ เลยไม่น่าเหมาะกับ seo

ครับผมก็เลยอยากได้วิธีทำประมานนั้นอะครับไม่รู้ว่าต้องทำยังไง

[t_doyoumv]

ไม่ทราบว่าต้องทำยังไงดีครับ

[จิโลน]

ใช้  ifram  เอาครับ   ถ้าอยากสวยๆก็ใช้ Ajax   ลองๆ view code ดูเว็บวาไรตี้ก็ได้ครับ

[ano]

เอา้้ข้อมูลยัดลงใน div ก็ได้มั้งครับ
พอคลิ๊กที่หัวข้อไหนก็ค่อยโชว์ div ของหัวข้อนั้น
แบบนี้ไม่ตอนที่คลิ๊กเปลี่ยนหัวข้อ ไม่ต้อง refresh หน้า
คลิ๊กแล้วเห็นทันที
และ content ทั้งหมดสามารถ view source ดูได้
ิbot เห็น

[t_doyoumv]

เอา้้ข้อมูลยัดลงใน div ก็ได้มั้งครับ
พอคลิ๊กที่หัวข้อไหนก็ค่อยโชว์ div ของหัวข้อนั้น
แบบนี้ไม่ตอนที่คลิ๊กเปลี่ยนหัวข้อ ไม่ต้อง refresh หน้า
คลิ๊กแล้วเห็นทันที
และ content ทั้งหมดสามารถ view source ดูได้
ิbot เห็น

น่าสนนะครับแต่จะว่าไปพอมีโค้ดตัวอย่างไหมครับผมเองก็เขียนไม่เป็น

[PAGE]

ใช้ดร็อบ ดาว เมนูป่าวครับ

[t_doyoumv]

ใช้ดร็อบ ดาว เมนูป่าวครับ

ไม่แน่ใจเหมือนกันครับเอสประมารเว็บนี้อะครับ
http://www.websitethailand.biz/lotus_test/

[g-ji]

โค้ด เลือก ขยาย

http://jqueryui.com/home

แบบ tab

โค้ด เลือก ขยาย

http://jqueryui.com/demos/tabs/

คงต้องลองทำเอง ^^

[t_doyoumv]

โค้ด เลือก ขยาย

http://jqueryui.com/home

แบบ tab

โค้ด เลือก ขยาย

http://jqueryui.com/demos/tabs/

คงต้องลองทำเอง ^^

แล้วนำมาใช้งานยังไงหรอคับเนี๊ย

[kongpair]

คำตอบนะครับ

วิธีที่ง่าย สุด ๆ คือไปหา Script ที่เขียนไว้ว่า Magic Tab หรือ อะไรที่ประมาณ Tab ๆ เนี่ยล่ะครับ เป็น JAVA ครับ ข้อมูล อยู่ตาม หมวดใน Tag <DIV> ครับ


เอาให้ง่ายกว่านั้น คือ โปรแกรม DreamWeaver มีปลั๊กอินที่ ชื่อ ว่า  PVII TAB Magic Panel กับ TAB BAR Magic by PVII สองตัวนี้ ต่างกันนิดหน่อย แต่หลักการใช้งานคล้าย ๆ กันครับ
เวลาใช้ ก็คือ สร้างหน้าเพจว่าง ๆ ขึ้นมา สั่งให้ Plugin ที่ว่านั้นทำงาน ปรับแต่งเอาตามใจชอบ ท่านก็จะได้ TAB เอาไว้คลิ๊กเปลี่ยนช่อง ได้ครับ

มันจะแยกไฟล์ที่เป็น พวก Code โปรแกรมไว้ต่างหาก   ถ้าเราจะเอาไปใช้กับพวก CMS เราต้อง แกะ Code มารวมกันไว้ที่เดียวแล้วค่อยเอาไปใช้ครับ  งง มั้ย เนี่ย

[g-ji]

โค้ด เลือก ขยาย

http://jqueryui.com/home

แบบ tab

โค้ด เลือก ขยาย

http://jqueryui.com/demos/tabs/

คงต้องลองทำเอง ^^

แล้วนำมาใช้งานยังไงหรอคับเนี๊ย

ง่ายสุดๆ โหลด demo มา

แล้วเปิดผ่านเว็บ เบราเซอร์ ดูหมวด tabs แล้ว view source จากนั้น copy โค้ด มันมาทั้งหน้าเลย อย่าลืมเอา โฟลเดอร์ที่เก็บ js css มันมาด้วยล่ะ

แล้วเปิด note pad วางโค้ดที่ copy มาลงไป เซฟ ไว้ ชื่ออะไรก็ได้

ทีนี้เราจะมี

ไฟล์ (ที่มีตัว tabs อยู่)
โฟลเดอร์ js (ของ tab)
โฟลเดอร์ css (ของ tab)

สร้างโฟลเดอร์เปล่าๆ ชื่อไรก็ได้ เอา พวกข้างบนยัดลงไป

เปิดไฟล์ดู แก้พาท js css ให้ถูก แก้เสร็จก็เปิดดูผ่านเบราเซอร์ มันจะแสดงผลเป็น tab อยู่แล้ว (ถ้าแก้ถูกหมด)

ทีนี้ก็ดูว่า ข้อความใน tab มันอยู่ตรงไหน ก็ลองแก้ไขตรงนั้นดู ถ้าแก้แล้วมันแสดงผลเป็น tab ถูกต้อง ก็ลองเอา php มาใส่ ดู

-*- มันจะยากไปมั้ยหว่า แต่ จี้ก็ใช้ตัว demo มันนั้นแหละ ไม่แก้อะไรเลยเอามาใช้เพียวๆ

[t_doyoumv]

โค้ด เลือก ขยาย

http://jqueryui.com/home

แบบ tab

โค้ด เลือก ขยาย

http://jqueryui.com/demos/tabs/

คงต้องลองทำเอง ^^

แล้วนำมาใช้งานยังไงหรอคับเนี๊ย

ง่ายสุดๆ โหลด demo มา

แล้วเปิดผ่านเว็บ เบราเซอร์ ดูหมวด tabs แล้ว view source จากนั้น copy โค้ด มันมาทั้งหน้าเลย อย่าลืมเอา โฟลเดอร์ที่เก็บ js css มันมาด้วยล่ะ

แล้วเปิด note pad วางโค้ดที่ copy มาลงไป เซฟ ไว้ ชื่ออะไรก็ได้

ทีนี้เราจะมี

ไฟล์ (ที่มีตัว tabs อยู่)
โฟลเดอร์ js (ของ tab)
โฟลเดอร์ css (ของ tab)

สร้างโฟลเดอร์เปล่าๆ ชื่อไรก็ได้ เอา พวกข้างบนยัดลงไป

เปิดไฟล์ดู แก้พาท js css ให้ถูก แก้เสร็จก็เปิดดูผ่านเบราเซอร์ มันจะแสดงผลเป็น tab อยู่แล้ว (ถ้าแก้ถูกหมด)

ทีนี้ก็ดูว่า ข้อความใน tab มันอยู่ตรงไหน ก็ลองแก้ไขตรงนั้นดู ถ้าแก้แล้วมันแสดงผลเป็น tab ถูกต้อง ก็ลองเอา php มาใส่ ดู

-*- มันจะยากไปมั้ยหว่า แต่ จี้ก็ใช้ตัว demo มันนั้นแหละ ไม่แก้อะไรเลยเอามาใช้เพียวๆ

นั้นแหละครับคือปัญหาผมไม่แน่จัยว่าเอาไฟล์ไหนของมันออกมามั้งอะดิครับพอรันดูแล้วมันไม่เป็น TAB ให้เลยอะครับผมอยากลบกวนพี่แยกไฟล์ออกมาให้หน่อยดิครับ

[t_doyoumv]

โอเคครับได้แนวทางออกแล้วครับ