Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ช่วยดูโค๊ดหน่อยค่ะเกี่ยวกับเมนู ต้องการให้มันอยู่ที่ class นั้นๆเวลากดค่ะ



 

ช่วยดูโค๊ดหน่อยค่ะเกี่ยวกับเมนู ต้องการให้มันอยู่ที่ class นั้นๆเวลากดค่ะ

 



Topic : 035412



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



สถานะออฟไลน์




Code (PHP)
<ul class="menu5">
	
<?
function tabMenu(){

$arrTab=array("Home","member","News","Event","About us","Contact Us");
$arrLink=array("index.php","member.php","news.php?name=hot","news.php?name=event","about.php","contact.php");
	for($i=0;$i<6;$i++){
         if($_GET['id']==$i){

          echo "<li class=\"current\"><a href=\"$arrLink[$i]?id=$i\"><b>$arrTab[$i]</b></a></li>";
    
          }
       else{
       echo "<li><a href=\"$arrLink[$i]?id=$i\"><b>$arrTab[$i]</b></a></li>";
			}

	}

}

tabMenu();
?>
</ul>


จะทำเมนูแบบว่าพอคลิกแล้วให้มันอยู่ที่ class นั้นๆ
มันเกือบจะได้แล้วแต่ติดอยู่นิดเดียวค่ะ เวลาคลิกลิ้งค์ news.php?name=hot และ news.php?name=event
มันจะไม่ตรงลิ้งค์จริงที่ต้องการ เพราะมันมี id=3 ต่อท้าย
ใครมีวิธีอื่นทำเมนูแบบนี้บ้างค่ะ ช่วยแนะนำที

หรือไม่ต้องเอาแบบ GET[id] เลยก็ดี เพราะลิ้งค์ไม่สวยเลยถ้ามี id ต่อท้าย

ขอบคุณค่ะ



Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-12-07 17:29:08 By : Avrill View : 1079 Reply : 18
 

 

No. 1



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



สถานะออฟไลน์


งง


Date : 2009-12-07 19:07:39 By : Avrill
 


 

No. 2



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

งง ด้วย อิ อิ
Date : 2009-12-07 19:20:00 By : DownsTream
 

 

No. 3



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



สถานะออฟไลน์


คำถามยากไป หรือว่าไม่เข้าใจคำถาม
ก็บอกได้เน้ออ
Date : 2009-12-07 20:39:06 By : Avrill
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook


เพิ่ม & หลัง new.php?name=xxx& ครับ
Code (PHP)
<ul class="menu5">
	
<?
function tabMenu(){

$arrTab=array("Home","member","News","Event","About us","Contact Us");
$arrLink=array("index.php","member.php","news.php?name=hot&","news.php?name=event&","about.php","contact.php");
	for($i=0;$i<6;$i++){
         if($_GET['id']==$i){

          echo "<li class=\"current\"><a href=\"$arrLink[$i]?id=$i\"><b>$arrTab[$i]</b></a></li>";
    
          }
       else{
       echo "<li><a href=\"$arrLink[$i]?id=$i\"><b>$arrTab[$i]</b></a></li>";
			}

	}

}

tabMenu();
?>
</ul>

Date : 2009-12-07 21:11:23 By : xbeginner01
 


 

No. 5



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



สถานะออฟไลน์


ยังไม่ได้อยู่ดีค่ะ

มีคนบอกว่าให้ใช้ css + javascript พอมีโค๊ดที่เป็นแนวทางบ้างใหมค่ะ
Date : 2009-12-08 10:12:47 By : Avrill
 


 

No. 6



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



สถานะออฟไลน์


แป่ววส์....เฝ้ากดรีเฟรชหน้าจอ รอคำตอบ...
Date : 2009-12-08 12:01:39 By : Avrill
 


 

No. 7



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



สถานะออฟไลน์


อันนี้โค๊ด css แบบดั้งเดิม

Code (PHP)
<style type="text/css">
.menu5 {
    padding:5px 0 0 1em; 
    margin:0; 
    list-style:none; 
    height:40px; 
    position:relative; 
    background:transparent url(pro_five_0c.gif) repeat-x left bottom; 
    font-size:11px;
    }
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {
    display:block; 
    float:left; 
    height:40px; 
    line-height:35px; 
    color:#333; 
    text-decoration:none; 
    font-family:arial, verdana, sans-serif; font-weight:bold; 
    text-align:center; padding:0 0 0 4px; 
    cursor:pointer; background:url(pro_five_0a.gif) no-repeat;
    }
.menu5 li a b {
    float:left; 
    display:block; 
    padding:0 16px 5px 12px; 
    background:url(pro_five_0b.gif) no-repeat right top;
    }
.menu5 li.current a {
    color:#000; 
    background:url(pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {
    background:url(pro_five_2b.gif) no-repeat right top;
    }
.menu5 li a:hover {
    color:#000; background: url(pro_five_1a.gif) no-repeat;
    }
.menu5 li a:hover b {
    background:url(pro_five_1b.gif) no-repeat right top;
    }
.menu5 li.current a:hover {
    color:#000; background: url(pro_five_2a.gif) no-repeat; cursor:default;
    }
.menu5 li.current a:hover b {
    background:url(pro_five_2b.gif) no-repeat right top;
    }

</style>

<ul class="menu5">
<li><a href="index.php"><b>Home</b></a></li>
<li><a href="member.php"><b>Member</b></a></li>
<li><a href="news.php?name=hot"><b>News</b></a></li>
<li><a href="news.php?name=event"><b>Event</b></a></li>
<li class="current"><a href="about.php"><b>About us</b></a></li>
<li><a href="contact.php"><b>Contact us</b></a></li>
</ul>


เวลากดที่เมนูใหนก็ให้มันอยู่ที่ class=current ถ้าจะใช้ javascript เข้าช่วยจะเขียนยังไงค่ะ
Date : 2009-12-08 13:51:51 By : Avrill
 


 

No. 8



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



สถานะออฟไลน์
Twitter Facebook

คุณจะทำเนวิเกชั่นแบบเว็บนี้หรือเปล่าครับ http://www.movland.com
Date : 2009-12-08 14:19:36 By : kenessar
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

เวลากดที่เมนูใหนก็ให้มันอยู่ที่ class=current

พอกดแล้วก็ไปหน้าต่อไปแล้วนิ แล้วจะทำไปทำไม ?????
ช่วยกลับมาอธิบายหน่อย งงอ่ะ
Date : 2009-12-08 15:22:59 By : xbeginner01
 


 

No. 10



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



สถานะออฟไลน์


Quote:
เวลากดที่เมนูใหนก็ให้มันอยู่ที่ class=current

พอกดแล้วก็ไปหน้าต่อไปแล้วนิ แล้วจะทำไปทำไม ?????
ช่วยกลับมาอธิบายหน่อย งงอ่ะ


เพราะแบบนี้ค่ะ

สมมุติว่า สีแบ็คกราวลิ้งค์เมนูทั้งหมดเป็นสีดำ แต่ถ้าเรากดลิ้งค์เมนู contact.php ก็ให้เปลี่ยนสีแบ็คกราวเป็นสีแดงค้างไว้จนกว่าจะกดเมนูอื่น จะได้รู้ว่าเราอยู่ที่หน้าใหนไงค่ะ

ลองดูตัวอย่างเมนูจากเว็บนี้นะค่ะ

http://www.buzzidea.tv/cat_black.php?

ถ้าลิ้งค์ไปไฟล์ ธรรมดาแบบ contact.php ,หรือ index.php แบบนี้ทำได้แล้วค่ะ

แต่ถ้าเป็นลิ้งค์แบบนี้ news.php?name=hot ทำไม่ได้ค่ะ
Date : 2009-12-08 16:11:01 By : Avrill
 


 

No. 11



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



สถานะออฟไลน์


Quote:
คุณจะทำเนวิเกชั่นแบบเว็บนี้หรือเปล่าครับ http://www.movland.com


ถูกต้องที่สุดเลยค่ะ
Date : 2009-12-08 16:12:24 By : Avrill
 


 

No. 12



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

อ่อ ผมเข้าใจความต้องการของน้องแหล่ะ มึนตั้งนานจะทำอะไร 555+

ถ้าไม่มีใครมาตอบให้ดึกๆ ผมจะเขียนให้ละกันครับ ตอนนี้หมดเวลาพักแหล่ะต้องทำงานต่อ
Date : 2009-12-08 16:23:53 By : xbeginner01
 


 

No. 13

Guest


Quote:
อ่อ ผมเข้าใจความต้องการของน้องแหล่ะ มึนตั้งนานจะทำอะไร 555+

ถ้าไม่มีใครมาตอบให้ดึกๆ ผมจะเขียนให้ละกันครับ ตอนนี้หมดเวลาพักแหล่ะต้องทำงานต่อ


ขอบคุณค่ะ
รออยู่เน้ออ
Date : 2009-12-08 20:42:47 By : ตุ๊กติ๊ก
 


 

No. 14



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

รอจนหลับไปแล้วสิน่ะ

Code (PHP)
<script type='text/javascript'>
function tabMenu(){
	var  ul =document.all.menu5.children;   // menu5 children
	var  url= window.location.href.split( '/' );
	var basename =(url[url.length-1] =='')?'index.php':url[url.length-1]   // ถ้า url  ไม่แสดง  basename (index.html,index.php,index.html,...) ให้ basename เท่ากับ index.xxx
	basename = basename.replace('\?','\\?');   // ต้องใส่ \ ให้ question mark  เวลาใช้ใน match()  จะได้ไม่ถูกมองเป็น regular แต่จะถูกมองเป็นอักขระตัวหนึ่ง
	for (i=0; i<ul.length; i++){ 
		  var li=ul.item(i).children
		 if(li.item(0)!=null){
				var href= li.item(0).getAttribute('href')
				 if(href.match(basename))ul.item(i).className='current';
		 }
	}
}
window.onload=tabMenu;
</script>
<style type="text/css">
.menu5 {
    padding:5px 0 0 1em; 
    margin:0; 
    list-style:none; 
    height:40px; 
    position:relative; 
    background:transparent url(pro_five_0c.gif) repeat-x left bottom; 
    font-size:11px;
    }
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {
    display:block; 
    float:left; 
    height:40px; 
    line-height:35px; 
    color:#333; 
    text-decoration:none; 
    font-family:arial, verdana, sans-serif; font-weight:bold; 
    text-align:center; padding:0 0 0 4px; 
    cursor:pointer; background:url(pro_five_0a.gif) no-repeat;
    }
.menu5 li a b {
    float:left; 
    display:block; 
    padding:0 16px 5px 12px; 
    background:url(pro_five_0b.gif) no-repeat right top;
    }
.menu5 li.current a {
    color:#000; 
    background:url(pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {
    background:url(pro_five_2b.gif) no-repeat right top;
    }
.menu5 li a:hover {
    color:#000; background: url(pro_five_1a.gif) no-repeat;
    }
.menu5 li a:hover b {
    background:url(pro_five_1b.gif) no-repeat right top;
    }
.menu5 li.current a:hover {
    color:#000; background: url(pro_five_2a.gif) no-repeat; cursor:default;
    }
.menu5 li.current a:hover b {
    background:url(pro_five_2b.gif) no-repeat right top;
    }

</style>

<ul class="menu5" id="menu5"><!-- เพิ่ม id=menu5-->
<li><a href="index.php"><b>Home</b></a></li>
<li ><a href="member.php" ><b>Member</b></a></li>
<li><a href="news.php?name=hot"><b>News</b></a></li>
<li><a href="news.php?name=event"><b>Event</b></a></li>
<li ><a href="about.php"><b>About us</b></a></li>
<li><a href="contact.php"><b>Contact us</b></a></li>
</ul>

Date : 2009-12-09 01:53:03 By : xbeginner01
 


 

No. 15

Guest


ขอบคุณค่ะ

โค๊ดนี้เอาไปใช้ได้เลย หรือต้องปรับแต่งตรงใหนอีกไหมค่ะ

คือยัง งงอยู่ เอาไปลองแล้วยังไม่ได้เลย
Date : 2009-12-09 11:02:24 By : Avrill
 


 

No. 16



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

ใช้ได้เลยครับ ผมลองทดสอบแล้วครับไม่มีปัญหาน่ะ
.menu5 li a -> color:blue
.menu5 li.current a ->color:red
ผมเปลี่ยนสีเพื่อจะได้ให้เห็นตัวอย่างชัดๆครับ ลิงค์ไปที่อื่นเป็นสีน้ำเงิน ลิงค์หน้าตัวเองเป็นสีแดง
ปปป

ติดตรงไหนลองส่งโค้ดตอนแก้ครั้งล่าสุดมาให้ดูครับเดียวเช็คให้
Date : 2009-12-09 12:33:14 By : xbeginner01
 


 

No. 17



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



สถานะออฟไลน์


ยังไม่ได้เลยค่ะ ลองเอาโค๊ดนี้ไปรันบน localhost ก็ยังไม่ได้

ขอบคุณมากเลยนะค่ะ เดี๋ยวจะลองดูดีๆอีกครั้งค่ะ
Date : 2009-12-12 22:31:14 By : Avrill
 


 

No. 18



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

ถ้ามันดูวุ่นวายมากเราก็เขียนโค้ดเมนูมันทุกหน้าเลยครับ ง่ายดี แล้วเร็วด้วย จะได้มีเวลาไปทำอย่างอื่นด้วย


index.php(PHP)
<ul class="menu5" id="menu5"><!-- เพิ่ม id=menu5-->
<li class='current'><a href="index.php"><b>Home</b></a></li>
<li ><a href="member.php" ><b>Member</b></a></li>
<li><a href="news.php?name=hot"><b>News</b></a></li>
<li><a href="news.php?name=event"><b>Event</b></a></li>
<li ><a href="about.php"><b>About us</b></a></li>
<li><a href="contact.php"><b>Contact us</b></a></li>
</ul>

member.php(PHP)
<ul class="menu5" id="menu5"><!-- เพิ่ม id=menu5-->
<li ><a href="index.php"><b>Home</b></a></li>
<li class='current'><a href="member.php" ><b>Member</b></a></li>
<li><a href="news.php?name=hot"><b>News</b></a></li>
<li><a href="news.php?name=event"><b>Event</b></a></li>
<li ><a href="about.php"><b>About us</b></a></li>
<li><a href="contact.php"><b>Contact us</b></a></li>
</ul>

news.php(PHP)
<ul class="menu5" id="menu5"><!-- เพิ่ม id=menu5-->
<li ><a href="index.php"><b>Home</b></a></li>
<li ><a href="member.php" ><b>Member</b></a></li>
<li <?php if($_GET[name]=='hot')echo "class='current' ";?>><a href="news.php?name=hot"><b>News</b></a></li>
<li <?php if($_GET[name]=='event')echo "class='current' ";?>><a href="news.php?name=event"><b>Event</b></a></li>
<li ><a href="about.php"><b>About us</b></a></li>
<li><a href="contact.php"><b>Contact us</b></a></li>
</ul>

...
Date : 2009-12-13 00:31:32 By : xbeginner01
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ช่วยดูโค๊ดหน่อยค่ะเกี่ยวกับเมนู ต้องการให้มันอยู่ที่ class นั้นๆเวลากดค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่