Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามเรื่อง css active menu หน่อยครับ อยากให้มัน active ที่ เมนูแรกเสมอครับ เมื่อวนลูปเข้ามา

สอบถามเรื่อง css active menu หน่อยครับ อยากให้มัน active ที่ เมนูแรกเสมอครับ เมื่อวนลูปเข้ามา

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

Guest

คือผมวนลูปเมนู มาแต่ละหัวข้อ แต่ละหัวข้อมันจะมีเมนูไม่เหมือนกัน ผมอยากให้มัน active css ไว้ที่เมนูแรกเสมอ จะได้หรือเปล่าครับ
อยากได้เป็น jquery หรือ javascript ก็ได้ หรือมีตัวอย่างที่เป็น php หรือเปล่าครับ

เมนูที่วนลูปมา จะไม่มีลิงค์ไว้อ้างอิงครับ มีแต่ #id1-tab และมันจะรันไปเรื่อยๆเมื่อมีเมนูเพิ่มขึ้นมาในแต่ละหัวข้อครับ

activemenucss

Tag : PHP, jQuery

Date : 2014-02-08 11:35:30

By : ผู้มาเยือน

View : 1894

Reply : 3

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ใช้ CSS ตัวไหนครับ มันน่าจะมี Property ไว้สำหรับการ Set Active นะครับ

Date : 2014-02-09 08:14:46

By : mr.win

No. 2

Guest

เขียน css เองครับ
ตัวอย่างเป็นแบบนี้ครับ อันนี้เป็น html มันจะ active ให้อยู่แล้วเฉพาะ li อันแรกที่เรากำหนดไว้

<li class="active"></li>
<li class=""></li>
<li class=""></li>
<li class=""></li>

แต่พอผูกเข้ากับ php มันก็ต้องวนครับ

for($i=0;$i<4;$i++){
echo '<li class="ตรงนี้ครับ"></li>';
}

แบบข้างต้นอ่าครับ ถ้าจะใส่ active ตอนวนมันก็จะ ขึ้นเป็น active ทั้งหมด เมนู (ตามภาพตัวอย่าง) มันก็จะเป็นสีส้มทั้งหมด แต่ผมอยากให้มันขึ้นแค่อันเดียวครับ

ขอบคุณครับ

Date : 2014-02-10 10:38:47

By : ผู้มาเยือน

No. 3

Mr.Q

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

แนว ถ้าไม่ตรงกับเงื่อนไขก็ให้แสดงเมนูแรกเสมอ เพิ่มเองนะ

<li<?php echo $menu == 'menu1' ? ' class="select"' : '' ?>><a href="index.php?menu=menu1">หน้าที่ 1</a></li>
<li<?php echo $menu == 'menu2' ? ' class="select"' : '' ?>><a href="index.php?menu=menu2">หน้าที่ 2</a></li>

Date : 2014-02-10 11:43:46

By : weaned

ค้นหาข้อมูล

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

Re : สอบถามเรื่อง css active menu หน่อยครับ อยากให้มัน active ที่ เมนูแรกเสมอครับ เมื่อวนลูปเข้ามา

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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