Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > มึนครับคิดไม่ออกทำ vertical menu จะใช้ jquery วิธีไหนโหลด DB มาแสดงดี

มึนครับคิดไม่ออกทำ vertical menu จะใช้ jquery วิธีไหนโหลด DB มาแสดงดี

เริ่มหัวข้อใหม่

Bee

โพสกระทู้ ( 52 )
บทความ ( 0 )

คือผมจะใช้ ckeditor แก้ไขเพิ่มลดเมนูกับเนื้อหาได้แล้วให้ไปเก็บใน DB แต่คิดไม่ออกว่าจะวิธีไหนดีให้เรียกมาโชว์แบบง่ายๆ ให้ใช้โค๊ดซ้ำๆ
ถ้าทำ vertical menu โค๊ดประมาณนี้ (แต่ตัวเนื้อหายังมึนอยู่ครับ ว่าจะให้เรียกจาก db มาอยู่ใน id div แล้วใช้ jquery เรียกมาโชว์ มันจะง่ายรึเปล่า) จะเรียกมาโชว์ด้วยวิธีไหนดีครับ
Code (Jquery)

<ul>
            <li><a href="#">Mobile Phones</a>
                <ul>
                    <li><a href="#">Product 1</a></li>
                    <li><a href="#">Product 2</a></li>
                    <li><a href="#">Product 3</a></li>
                </ul>
            </li>
            <li><a href="#">Desktop</a>
                <ul>
                    <li><a href="#">Product 4</a></li>
                    <li><a href="#">Product 5</a></li>
                    <li><a href="#">Product 6</a></li>
                </ul>
            </li>
</ul>

คืออยากให้มันง่ายๆประมาณว่า คนที่ไม่ค่อยรู้โค๊ด แต่ก็ยังแก้ได้ด้วย ckeditor อะครับ
<li><a href="funcA('content1')">Product 1</a></li>
<li><a href="funcA('content2')">Product 2</a></li>
ตอนนี้มึนมากครับ คิดไม่ออกว่าวิธีไหนดี ช่วยแนะนำหน่อยนะครับ ขอบคุณครับ

Tag : PHP, HTML/CSS, JavaScript, jQuery

Date : 2012-04-02 17:31:52

By : Giguntic

View : 1227

Reply : 7

No. 1

Guest

ถ้าจะให้คนที่ไม่รู้โค๊ดเพิ่มก็ต้องเล่นในระดับ ui นะ ควรเป็นฟอร์มที่เราสร้างขึ้นไม่ควรเป็น wysiwyg เพราะมันทำให้โค๊ดพังได้

Date : 2012-04-03 01:16:16

By : เน็ตช๊าช้า

No. 2

T-MONROE

โพสกระทู้ ( 615 )
บทความ ( 4 )

เอา jquery มาใช้ให้ได้ก่อน แล้วก็เอา ข้อมูลจาก DB มาใส่

Date : 2012-04-03 02:29:00

By : t-monroe

No. 3

Bee

โพสกระทู้ ( 52 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : เน็ตช๊าช้า เมื่อวันที่ 2012-04-03 01:16:16

รายละเอียดของการตอบ ::

อยากทำแบบ ui เหมือนกันครับ แต่มันจะยากมากไหมครับ มีตัวสำเร็จให้ใช้ไหม หรือต้องเขียนเอง
แต่ที่บริษัทนี้ปกติให้ฝ่าย IT คนที่เขียนเว็บไม่เป็น เป็นคนอัพเดทข้อมูลหน้าเว็บครับ โดยให้ดูจาก pattern code ก๊อปวาง แล้วดูที่เป็นเนื้อหาภาษาไทย ลบพิมพ์แก้เอาครับ

ตอบความคิดเห็นที่ : 2 เขียนโดย : t-monroe เมื่อวันที่ 2012-04-03 02:29:00

รายละเอียดของการตอบ ::

ใช้ jquery ได้ครับ บันทึกลง DB ได้เรียบร้อยด้วย $.ajax() แต่เวลาคลิก Vertical Menu ทางซ้ายแล้วไม่รู้จะเลือกใช้วิธีไหนดีที่จะให้ Content เนื้อหามาแสดง
ผมคิดว่าเนื้อหาจะทำอยู่ในรูป div
<div id='content1'>@#$</div>
<div id='content2'>@#$</div>
ประมาณนี้ แล้วพอคลิกลิงค์แล้วเรียก function jquery copy เนื้อหาในลิงค์ที่เลือกมา Insert ตรงส่วน div display ด้วย $('#Content'+i).html( data ) แต่อยากจะเรียกฟังก์ฃั่นแล้วเรียกอ้างอิงแบบใช้ this มากกว่าไม่รู้ได้รึเปล่า เพราะถ้าได้ ทุกลิงค์มันจะได้เขียน href เหมือนกันหมด pattern code มันจะได้ดูง่ายกว่า
น่าจะง่ายกว่าแบบใช้ .hide กับ .show (หรือเปล่า)

Date : 2012-04-03 10:27:44

By : Giguntic

No. 4

T-MONROE

โพสกระทู้ ( 615 )
บทความ ( 4 )

หลักการคือ...

<ul id="my_menu">
<li><a href="#">Item 1</a>
<ul>
<li>Subitem 1a</li>
</ul>
</li>
<li><a href="#">Item 2</a>
<ul>
<li>Subitem 2a</li>
</ul>
</li>
</ul>

ตอนเขียน ให้ระบุแค่ #my_menu เป็นตัวหลัก แล้วค่อย sub ย่อยเข้าไป ว่าจะให้ทำอะไร
เอาตัวนี้ไปใช้เลย http://berndmatzner.de/jquery/hoveraccordion

Date : 2012-04-03 10:50:08

By : t-monroe

No. 5

Bee

โพสกระทู้ ( 52 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 4 เขียนโดย : t-monroe เมื่อวันที่ 2012-04-03 10:50:08

รายละเอียดของการตอบ ::

ขอบคุณครับสำหรับตัวเมนู แต่ตัวนี้มันยังไม่ค่อยสวย ว่างั้นไหมครับ
แล้วตัวที่จะเรียก content มาโชว์นี่จะใช้วิธีไหนดีครับ ที่มันจะง่ายๆ ได้ pattern code เหมือนๆเดิม ยังไงใครนึกออกช่วยแนะนำผมด้วยนะครับ

Date : 2012-04-03 11:50:17

By : Giguntic

No. 6

Bee

โพสกระทู้ ( 52 )
บทความ ( 0 )

หรือจะใช้ tab accordian ของ Jquery UI มาดีไซน์ กำหนด css ให้มันแสดงเป็น tab เรียงลงมาตามแนว vertical ดี มันน่าจะง่ายกว่าวิธีอื่นไหมครับ

ประวัติการแก้ไข
2012-04-05 09:53:12

Date : 2012-04-03 17:47:55

By : Giguntic

No. 7

Bee

โพสกระทู้ ( 52 )
บทความ ( 0 )

โอ้วเจอแล้วครับ ถามเอง หาเอง ตอบเองเลยครับ ใน jqueryui \demos \tabs มันจะมีไฟล์ชื่อ vertical.html
เอามาใช้ทำ vertical menu ได้ แต่ ทำเมนูแบบ multi level ไม่ได้นะครับ
ปล. โพสไว้เพื่อเป็นประโยชน์กับคนอื่น เผื่อใครกำลังมองหาเรื่องนี้อยู่เหมือนผม

Date : 2012-04-12 10:04:27

By : Giguntic

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : มึนครับคิดไม่ออกทำ vertical menu จะใช้ jquery วิธีไหนโหลด DB มาแสดงดี

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก