|
หัวข้อ: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 13:48:02 สมมุติว่าผมมีหัวข้อว่า
ข่าวไอที ข่าวกีฬา ข่าวอิอิ ข่าวอุอุ แล้วพอเวลาคลิกที่ข่าวกีฬาก็จะมีข้อมูลลงมาแบบนี้ ข่าวไอที ข่าวกีฬา ข่าวอิอิ ข่าวอุอุ เนื้อหา เนื้อหา เนื้อหา เนื้อหา เนื้อหา แล้วก็มีพื้นหลังหรือสีที่คำว่าข่าวกีฬาว่าเราได้เลือกหัวข้อนั้นแล้ว แต่ว่ายังแสดงอยู่ที่เดิมไม่เปลี่ยนตำแหน่งหรือเปลี่ยนหน้า จะเป็นเหมือนคล้ายๆๆของโซนไอทีอะครับ ไม่ทราบว่ามีแนวทางยังไงบ้างครับ ตอนนี้ผมทำแบบไอแฟรมอยุ่ มันสับสนมากๆๆๆครับเพราะต้องสร้างไฟล์ให้ครบหัวข้ออะครับพอมีวิธีไหนบ้างครับ ขอบคุณมากๆๆๆครับ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: ซาเล้ง ที่ 29 มกราคม 2010, 13:57:30 ขอโทษนะครับ ทำไมถึงอยากเหมือนเขาอ่ะ
โค๊ด: © 1 เมษายน พ.ศ. 2549 - 2553 โค๊ด: © 1 พฤษภาคม พ.ศ. 2551 - 2553 เวลาเขาว่าให้เรา มันเจ็บนะ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 14:01:51 ขอโทษนะครับ ทำไมถึงอยากเหมือนเขาอ่ะ โค๊ด: © 1 เมษายน พ.ศ. 2549 - 2553 โค๊ด: © 1 พฤษภาคม พ.ศ. 2551 - 2553 เวลาเขาว่าให้เรา มันเจ็บนะ ป่าวครับผมไม่ได้จะทำเหมือนเค้าแปะๆครับผมแค่ขอแนวทางทำอะครับ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: teacup ที่ 29 มกราคม 2010, 14:08:30 ผมเคยใช้แบบเฟรมครับ เลยไม่น่าเหมาะกับ seo
หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 14:13:35 ผมเคยใช้แบบเฟรมครับ เลยไม่น่าเหมาะกับ seo ครับผมก็เลยอยากได้วิธีทำประมานนั้นอะครับไม่รู้ว่าต้องทำยังไง หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 15:03:03 ไม่ทราบว่าต้องทำยังไงดีครับ
หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: จิโลน ที่ 29 มกราคม 2010, 15:40:09 ใช้ ifram เอาครับ ถ้าอยากสวยๆก็ใช้ Ajax ลองๆ view code ดูเว็บวาไรตี้ก็ได้ครับ
หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: ano ที่ 29 มกราคม 2010, 16:17:33 เอา้้ข้อมูลยัดลงใน div ก็ได้มั้งครับ
พอคลิ๊กที่หัวข้อไหนก็ค่อยโชว์ div ของหัวข้อนั้น แบบนี้ไม่ตอนที่คลิ๊กเปลี่ยนหัวข้อ ไม่ต้อง refresh หน้า คลิ๊กแล้วเห็นทันที และ content ทั้งหมดสามารถ view source ดูได้ ิbot เห็น :P หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 17:46:31 เอา้้ข้อมูลยัดลงใน div ก็ได้มั้งครับ พอคลิ๊กที่หัวข้อไหนก็ค่อยโชว์ div ของหัวข้อนั้น แบบนี้ไม่ตอนที่คลิ๊กเปลี่ยนหัวข้อ ไม่ต้อง refresh หน้า คลิ๊กแล้วเห็นทันที และ content ทั้งหมดสามารถ view source ดูได้ ิbot เห็น :P น่าสนนะครับแต่จะว่าไปพอมีโค้ดตัวอย่างไหมครับผมเองก็เขียนไม่เป็น หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: PAGE ที่ 29 มกราคม 2010, 18:04:03 ใช้ดร็อบ ดาว เมนูป่าวครับ
หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 18:43:21 ใช้ดร็อบ ดาว เมนูป่าวครับ ไม่แน่ใจเหมือนกันครับเอสประมารเว็บนี้อะครับ http://www.websitethailand.biz/lotus_test/ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: g-ji ที่ 29 มกราคม 2010, 18:50:48 โค๊ด: http://jqueryui.com/home แบบ tab โค๊ด: http://jqueryui.com/demos/tabs/ คงต้องลองทำเอง ^^ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 18:59:17 โค๊ด: [url]http://jqueryui.com/home[/url] แบบ tab โค๊ด: [url]http://jqueryui.com/demos/tabs/[/url] คงต้องลองทำเอง ^^ แล้วนำมาใช้งานยังไงหรอคับเนี๊ย หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: kongpair ที่ 29 มกราคม 2010, 19:07:12 คำตอบนะครับ
วิธีที่ง่าย สุด ๆ คือไปหา Script ที่เขียนไว้ว่า Magic Tab หรือ อะไรที่ประมาณ Tab ๆ เนี่ยล่ะครับ เป็น JAVA ครับ ข้อมูล อยู่ตาม หมวดใน Tag <DIV> ครับ เอาให้ง่ายกว่านั้น คือ โปรแกรม DreamWeaver มีปลั๊กอินที่ ชื่อ ว่า PVII TAB Magic Panel กับ TAB BAR Magic by PVII สองตัวนี้ ต่างกันนิดหน่อย แต่หลักการใช้งานคล้าย ๆ กันครับ เวลาใช้ ก็คือ สร้างหน้าเพจว่าง ๆ ขึ้นมา สั่งให้ Plugin ที่ว่านั้นทำงาน ปรับแต่งเอาตามใจชอบ ท่านก็จะได้ TAB เอาไว้คลิ๊กเปลี่ยนช่อง ได้ครับ มันจะแยกไฟล์ที่เป็น พวก Code โปรแกรมไว้ต่างหาก ถ้าเราจะเอาไปใช้กับพวก CMS เราต้อง แกะ Code มารวมกันไว้ที่เดียวแล้วค่อยเอาไปใช้ครับ งง มั้ย เนี่ย :-[ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: g-ji ที่ 29 มกราคม 2010, 19:11:13 โค๊ด: [url]http://jqueryui.com/home[/url] แบบ tab โค๊ด: [url]http://jqueryui.com/demos/tabs/[/url] คงต้องลองทำเอง ^^ แล้วนำมาใช้งานยังไงหรอคับเนี๊ย ง่ายสุดๆ โหลด demo มา แล้วเปิดผ่านเว็บ เบราเซอร์ ดูหมวด tabs แล้ว view source จากนั้น copy โค้ด มันมาทั้งหน้าเลย อย่าลืมเอา โฟลเดอร์ที่เก็บ js css มันมาด้วยล่ะ แล้วเปิด note pad วางโค้ดที่ copy มาลงไป เซฟ ไว้ ชื่ออะไรก็ได้ ทีนี้เราจะมี ไฟล์ (ที่มีตัว tabs อยู่) โฟลเดอร์ js (ของ tab) โฟลเดอร์ css (ของ tab) สร้างโฟลเดอร์เปล่าๆ ชื่อไรก็ได้ เอา พวกข้างบนยัดลงไป เปิดไฟล์ดู แก้พาท js css ให้ถูก แก้เสร็จก็เปิดดูผ่านเบราเซอร์ มันจะแสดงผลเป็น tab อยู่แล้ว (ถ้าแก้ถูกหมด) ทีนี้ก็ดูว่า ข้อความใน tab มันอยู่ตรงไหน ก็ลองแก้ไขตรงนั้นดู ถ้าแก้แล้วมันแสดงผลเป็น tab ถูกต้อง ก็ลองเอา php มาใส่ ดู -*- มันจะยากไปมั้ยหว่า แต่ จี้ก็ใช้ตัว demo มันนั้นแหละ ไม่แก้อะไรเลยเอามาใช้เพียวๆ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 19:31:22 โค๊ด: [url]http://jqueryui.com/home[/url] แบบ tab โค๊ด: [url]http://jqueryui.com/demos/tabs/[/url] คงต้องลองทำเอง ^^ แล้วนำมาใช้งานยังไงหรอคับเนี๊ย ง่ายสุดๆ โหลด demo มา แล้วเปิดผ่านเว็บ เบราเซอร์ ดูหมวด tabs แล้ว view source จากนั้น copy โค้ด มันมาทั้งหน้าเลย อย่าลืมเอา โฟลเดอร์ที่เก็บ js css มันมาด้วยล่ะ แล้วเปิด note pad วางโค้ดที่ copy มาลงไป เซฟ ไว้ ชื่ออะไรก็ได้ ทีนี้เราจะมี ไฟล์ (ที่มีตัว tabs อยู่) โฟลเดอร์ js (ของ tab) โฟลเดอร์ css (ของ tab) สร้างโฟลเดอร์เปล่าๆ ชื่อไรก็ได้ เอา พวกข้างบนยัดลงไป เปิดไฟล์ดู แก้พาท js css ให้ถูก แก้เสร็จก็เปิดดูผ่านเบราเซอร์ มันจะแสดงผลเป็น tab อยู่แล้ว (ถ้าแก้ถูกหมด) ทีนี้ก็ดูว่า ข้อความใน tab มันอยู่ตรงไหน ก็ลองแก้ไขตรงนั้นดู ถ้าแก้แล้วมันแสดงผลเป็น tab ถูกต้อง ก็ลองเอา php มาใส่ ดู -*- มันจะยากไปมั้ยหว่า แต่ จี้ก็ใช้ตัว demo มันนั้นแหละ ไม่แก้อะไรเลยเอามาใช้เพียวๆ นั้นแหละครับคือปัญหาผมไม่แน่จัยว่าเอาไฟล์ไหนของมันออกมามั้งอะดิครับพอรันดูแล้วมันไม่เป็น TAB ให้เลยอะครับผมอยากลบกวนพี่แยกไฟล์ออกมาให้หน่อยดิครับ หัวข้อ: Re: ทำประมาณนี้ยังไงครับ เริ่มหัวข้อโดย: t_doyoumv ที่ 29 มกราคม 2010, 19:52:25 โอเคครับได้แนวทางออกแล้วครับ
|