Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ อยากให้อยู่เมนูที่เราเลือก

[PHP] เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ อยากให้อยู่เมนูที่เราเลือก

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

witchloves

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

เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ ทำยังไงให้มัน active ค่าเมนูค้างไว้ เป็นเมนูที่เราเลือกอยู่คะ

ไม่อยากให้ refresh กับไปที่ค่าแรก

ปล.ขอบคุณล่วงหน้าค่ะ

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
<link rel="stylesheet" href="css/slidedown-menu2.css">
    <script type="text/javascript" src="js/slidedown-menu2.js"></script>
    <style type="text/css">
    /* General css for this page */
    html{
        height:100%;
    }
 
    .textmenu {
        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
        font-size:0.8em;
    }
    .clear{
        clear:both;
    }
 
    #mainContainer{
        width:760px;
        text-align:left;
        margin:0 auto;
        background-color: #FFF;
        border-left:1px solid #000;
        border-right:1px solid #000;
        height:100%;
    }
 
    #topBar{
        width:760px;
        height:100px;
    }
    #leftMenu{
        width:200px;
        padding-left:10px;
        padding-right:10px;
        float:left;
    }
    #mainContent{
        width: 520px;
        padding-right:10px;
        float:left;
    }
    </style>
 
 
 
 
<!-- START OF MENU -->
        <div id="dhtmlgoodies_slidedown_menu" align="left" class="textmenu">
            <ul>
<?           
 
 
require("inc/connect.php"); 
 
$strSQL = "SELECT * FROM product_type";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$i=0;
while($objResult = mysql_fetch_array($objQuery))
{
$i++;
                 
?>
 
 
                <li><a href="#"><?=$objResult["type_name"];?></a>
                
                      
                     <ul>
                     <?
        $strSQL2 = "SELECT * FROM product_subtype WHERE typepro_id = '".$objResult["typepro_id"]."' ";
        $objQuery2 = mysql_query($strSQL2) or die ("Error Query [".$strSQL2."]");
        while($objResult2 = mysql_fetch_array($objQuery2))
        {
        $subtype_name = mb_strimwidth($objResult2[subtype_name],0,18,"..", "UTF-8");
?>
                        <li><a href="product.php?subtypepro_id=<?=$objResult2["subtypepro_id"];?>" title="<?=$objResult2["subtype_name"];?>"><?=$subtype_name;?></a></li>
                      <? } ?>
                    </ul>
                    <? } ?>
                </li>
 
             
            </ul>
             
        </div>
        <!-- END OF MENU -->
        <script type="text/javascript">
        initSlideDownMenu();
        </script>
</body>
</html>

Code (CSS)

/*
General rules
*/
 
/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
    font-weight:bold;
    color: green;
}
 
#dhtmlgoodies_slidedown_menu li{
    list-style-type:none;
    position:relative;
}
#dhtmlgoodies_slidedown_menu ul{
    margin:0px;
    padding:0px;
    position:relative;
 
}
 
#dhtmlgoodies_slidedown_menu div{
    margin:0px;
    padding:0px;
}
/*  Layout CSS */
#dhtmlgoodies_slidedown_menu{
    width:140px;
}
 
/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
    color: #000;
    text-decoration:none;
    display:block;
    clear:both;
    width:140px;
    padding-left:2px;
}
 
/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
    font-weight:bold;
    color: blue;
}
 
/*
A tags
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{    /* Main menu items */
    margin-top:1px;
    border-bottom:1px dotted #000;
    font-weight:bold;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{    /* Sub menu items */
    margin-top:1px;
    color: #0066FF;
     
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{    /* Sub menu items */
    margin-top:1px;
    font-style:italic;
    color:blue; 
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{    /* Sub menu items */
    margin-top:1px;
    color:red;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{    /* Sub menu items */
    margin-top:1px;
}
 
/* UL tags, i.e group of menu utems.
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e.
 
#dhtmlgoodies_slidedown_menu .slideMenuDiv1
 
instead of
 
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/
 
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
    padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
    margin-left:1px;
    padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
    margin-left:1px;
    padding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
    margin-left:1px;
    padding:1px;
}

Code (JavaScript)

/************************************************************************************************************
Slide down menu
Copyright (C) October 2005  DTHMLGoodies.com, Alf Magne Kalleland
 
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
 
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
 
You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 
Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
written by Alf Magne Kalleland.
 
Alf Magne Kalleland, 2010
Owner of DHTMLgoodies.com
 
************************************************************************************************************/
var expandFirstItemAutomatically = false;   // Expand first menu item automatically ?
var initMenuIdToExpand = false; // Id of menu item that should be initially expanded. the id is defined in the <li> tag.
var expandMenuItemByUrl = true; // Menu will automatically expand by url - i.e. if the href of the menu item is in the current location, it will expand
var initialMenuItemAlwaysExpanded = true;   // NOT IMPLEMENTED YET
 
 
 
 
var dhtmlgoodies_slmenuObj;
var divToScroll = false;
var ulToScroll = false;
var divCounter = 1;
var otherDivsToScroll = new Array();
var divToHide = false;
var parentDivToHide = new Array();
var ulToHide = false;
var offsetOpera = 0;
if(navigator.userAgent.indexOf('Opera')>=0)offsetOpera=1;
var slideMenuHeightOfCurrentBox = 0;
var objectsToExpand = new Array();
var initExpandIndex = 0;
var alwaysExpanedItems = new Array();
 
var dg_activeItem = null;
 
function popMenusToShow()
{
    var obj = divToScroll;
    var endArray = new Array();
    while(obj && obj.tagName!='BODY'){
        if(obj.tagName=='DIV' && obj.id.indexOf('slideDiv')>=0){
            var objFound = -1;
            for(var no=0;no<otherDivsToScroll.length;no++){
                if(otherDivsToScroll[no]==obj){
                    objFound = no;
                }
            }
            if(objFound>=0){
                otherDivsToScroll.splice(objFound,1);
            }
        }
        obj = obj.parentNode;
    }
}
 
function showSubMenu(e,inputObj)
{
 
    if(this && this.tagName)inputObj = this.parentNode;
    if(inputObj && inputObj.tagName=='LI'){
        divToScroll = inputObj.getElementsByTagName('DIV')[0];
        for(var no=0;no<otherDivsToScroll.length;no++){
            if(otherDivsToScroll[no]==divToScroll)return;
        }
    }
    hidingInProcess = false;
    if(otherDivsToScroll.length>0){
        if(divToScroll){
            if(otherDivsToScroll.length>0){
                popMenusToShow();
            }
            if(otherDivsToScroll.length>0){
                autoHideMenus();
                hidingInProcess = true;
            }
        }
    }
    if(divToScroll && !hidingInProcess){
        divToScroll.style.display='';
        otherDivsToScroll.length = 0;
        otherDivToScroll = divToScroll.parentNode;
        otherDivsToScroll.push(divToScroll);
        while(otherDivToScroll && otherDivToScroll.tagName!='BODY'){
            if(otherDivToScroll.tagName=='DIV' && otherDivToScroll.id.indexOf('slideDiv')>=0){
                otherDivsToScroll.push(otherDivToScroll);
 
            }
            otherDivToScroll = otherDivToScroll.parentNode;
        }
        ulToScroll = divToScroll.getElementsByTagName('UL')[0];
        if(divToScroll.style.height.replace('px','')/1<=1)scrollDownSub();
    }
 
    if(e || inputObj) {
 
        if(dg_activeItem) {
            dg_activeItem.className = dg_activeItem.className.replace('dhtmlgoodies_activeItem','');
        }
        var aTags = inputObj.getElementsByTagName('A');
        if(aTags.length>0) {
            aTags[0].className = aTags[0].className + ' dhtmlgoodies_activeItem';
            dg_activeItem = aTags[0];
            if(aTags[0].href.indexOf('#') == -1 || aTags[0].href.indexOf('#') < aTags[0].href.length-1){
                return true;
            }
        }
 
    }
 
    return false;
 
 
}
 
 
 
function autoHideMenus()
{
    if(otherDivsToScroll.length>0){
        divToHide = otherDivsToScroll[otherDivsToScroll.length-1];
        parentDivToHide.length=0;
        var obj = divToHide.parentNode.parentNode.parentNode;
        while(obj && obj.tagName=='DIV'){
            if(obj.id.indexOf('slideDiv')>=0)parentDivToHide.push(obj);
            obj = obj.parentNode.parentNode.parentNode;
        }
        var tmpHeight = (divToHide.style.height.replace('px','')/1 - slideMenuHeightOfCurrentBox);
        if(tmpHeight<0)tmpHeight=0;
        if(slideMenuHeightOfCurrentBox)divToHide.style.height = tmpHeight  + 'px';
        ulToHide = divToHide.getElementsByTagName('UL')[0];
        slideMenuHeightOfCurrentBox = ulToHide.offsetHeight;
        scrollUpMenu();
    }else{
        slideMenuHeightOfCurrentBox = 0;
        showSubMenu();
    }
}
 
 
function scrollUpMenu()
{
 
    var height = divToHide.offsetHeight;
    height-=15;
    if(height<0)height=0;
    divToHide.style.height = height + 'px';
 
    for(var no=0;no<parentDivToHide.length;no++){
        parentDivToHide[no].style.height = parentDivToHide[no].getElementsByTagName('UL')[0].offsetHeight + 'px';
    }
    if(height>0){
        setTimeout('scrollUpMenu()',5);
    }else{
        divToHide.style.display='none';
        otherDivsToScroll.length = otherDivsToScroll.length-1;
        autoHideMenus();
    }
}
 
function scrollDownSub()
{
    if(divToScroll){
        var height = divToScroll.offsetHeight/1;
        var offsetMove =Math.min(15,(ulToScroll.offsetHeight - height));
        height = height +offsetMove ;
        divToScroll.style.height = height + 'px';
 
        for(var no=1;no<otherDivsToScroll.length;no++){
            var tmpHeight = otherDivsToScroll[no].offsetHeight/1 + offsetMove;
            otherDivsToScroll[no].style.height = tmpHeight + 'px';
        }
        if(height<ulToScroll.offsetHeight)setTimeout('scrollDownSub()',5); else {
            divToScroll = false;
            ulToScroll = false;
            if(objectsToExpand.length>0 && initExpandIndex<(objectsToExpand.length-1)){
                initExpandIndex++;
 
                showSubMenu(false,objectsToExpand[initExpandIndex]);
            }
        }
    }
}
 
function initSubItems(inputObj,currentDepth)
{
    divCounter++;
    var div = document.createElement('DIV');    // Creating new div
    div.style.overflow = 'hidden';
    div.style.position = 'relative';
    div.style.display='none';
    div.style.height = '1px';
    div.id = 'slideDiv' + divCounter;
    div.className = 'slideMenuDiv' + currentDepth;
    inputObj.parentNode.appendChild(div);   // Appending DIV as child element of <LI> that is parent of input <UL>
    div.appendChild(inputObj);  // Appending <UL> to the div
    var menuItem = inputObj.getElementsByTagName('LI')[0];
    while(menuItem){
        if(menuItem.tagName=='LI'){
            var aTag = menuItem.getElementsByTagName('A')[0];
            aTag.className='slMenuItem_depth'+currentDepth;
            var subUl = menuItem.getElementsByTagName('UL');
            if(subUl.length>0){
                initSubItems(subUl[0],currentDepth+1);
            }
            aTag.onclick = showSubMenu;
        }
        menuItem = menuItem.nextSibling;
    }
}
 
function initSlideDownMenu()
{
    dhtmlgoodies_slmenuObj = document.getElementById('dhtmlgoodies_slidedown_menu');
    dhtmlgoodies_slmenuObj.style.visibility='visible';
    var mainUl = dhtmlgoodies_slmenuObj.getElementsByTagName('UL')[0];
    var mainMenuItem = mainUl.getElementsByTagName('LI')[0];
    mainItemCounter = 1;
    while(mainMenuItem){
        if(mainMenuItem.tagName=='LI'){
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            aTag.className='slMenuItem_depth1';
            var subUl = mainMenuItem.getElementsByTagName('UL');
            if(subUl.length>0){
                mainMenuItem.id = 'mainMenuItem' + mainItemCounter;
                initSubItems(subUl[0],2);
                aTag.onclick = showSubMenu;
                mainItemCounter++;
            }
        }
        mainMenuItem = mainMenuItem.nextSibling;
    }   
 
    if(location.search.indexOf('mainMenuItemToSlide')>=0){
        var items = location.search.split('&');
        for(var no=0;no<items.length;no++){
            if(items[no].indexOf('mainMenuItemToSlide')>=0){
                values = items[no].split('=');
                showSubMenu(false,document.getElementById('mainMenuItem' + values[1]));
                initMenuIdToExpand = false;
            }
        }
    }else if(expandFirstItemAutomatically>0      ){
        if(document.getElementById('mainMenuItem' + expandFirstItemAutomatically)){
            showSubMenu(false,document.getElementById('mainMenuItem' + expandFirstItemAutomatically));
            initMenuIdToExpand = false;
        }
    }
 
 
    if(expandMenuItemByUrl)
    {
        var aTags = dhtmlgoodies_slmenuObj.getElementsByTagName('A');
        var currentLocation = location.pathname;
        for(var no=0;no<aTags.length;no++){
            var hrefToCheckOn = aTags[no].href;
            if(hrefToCheckOn.indexOf(currentLocation)>=0 && hrefToCheckOn.indexOf('#')<hrefToCheckOn.length-1){
                initMenuIdToExpand = false;
                var obj = aTags[no].parentNode;
                while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
                    if(obj.tagName=='LI'){
                        var subUl = obj.getElementsByTagName('UL');
                        if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
                        if(subUl.length>0){
                            objectsToExpand.unshift(obj);
                        }
                    }
                    obj = obj.parentNode;
                }
                showSubMenu(false,objectsToExpand[0]);
                break;
            }
        }
    }
 
    if(initMenuIdToExpand)
    {
        objectsToExpand = new Array();
        var obj = document.getElementById(initMenuIdToExpand)
        while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
            if(obj.tagName=='LI'){
                var subUl = obj.getElementsByTagName('UL');
                if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
                if(subUl.length>0){
                    objectsToExpand.unshift(obj);
                }
            }
            obj = obj.parentNode;
        }
 
        showSubMenu(false,objectsToExpand[0]);
 
    }
 
}

Tag : PHP, HTML/CSS, JavaScript

ประวัติการแก้ไข
2012-05-15 02:14:25

Date : 2012-05-15 02:11:20

By : Witchloves

View : 2287

Reply : 7

No. 1

TC Admin

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

ถ้าเป็นพวก CSS Tab ก็แบบนี้แหละครับ ไม่แน่ใจว่ามันมีให้กำหนดได้หรือเปล่าครับ หรือไม่ก็น่าจะต้องใช้ Cookies ของ JavaScript ครับ

Date : 2012-05-15 06:40:24

By : mr.win

No. 2

witchloves

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

พี่วินช่วยแนะนำหน่อยสิคะ ลองทำมาหลายแบบแล้ว มันก็ยังไม่โอเคสักที

Date : 2012-05-15 08:43:05

By : Witchloves

No. 3

Guest

<?php //page1.php
$page = '1';
require 'menu.php';
?>

<?php //page2.php
$page = '2';
require 'menu.php';
?>

<?php //menu.php

if ($page == 1)
echo '<a href="page1.php" style="color:red">page1</a>';
else
echo '<a href="page1.php">page1</a>';

if ($page == 2)
echo '<a href="page2.php" style="color:red">page1</a>';
else
echo '<a href="page2.php">page1</a>';

?>

Date : 2012-05-15 08:55:47

By : num

No. 4

หมาของเซสชั่น

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

หรือจะกำหนดใน css ไปเลยไหมครับ

/* on menu active */
body#home a#homenav,///หน้าแรก
body#services a#servicenav,//หน้าถัดๆไป
body#work a#worknav,
body#promotion a#promonav,
body#payment a#paynav,
body#board a#boardnav,
body#whatseo a#whatnav
{
background: #930;
height:29px;
margin-left:10px;
padding:0px 0px 0px 0px;
-moz-border-radius: 10px; 
-webkit-border-radius:10px; 
border-radius: 10px;
}
 
/* end menu */

เวลาเรียกใช้งานก็ให้โหลดแค่ในเพจนั้นๆ
<body id="home">//id="hove" ดูที่ css ที่เราเขียน
ส่วนในลิงค์ที่มี css อยู่แล้ว ก็แค่กำหนดให้ตรงกันกับที่เราเขียนลงไปครับ
<li class="top"><a href="index.php" class="top_link" id="homenav"><span class="down">หน้าแรก</span></a></li>///id="hovenave" ดูที่ css ที่เราเขียน

ถ้าหากว่าโหลดหน้าอื่นก็แค่ดึงเอา id ที่เรากำหนดไปใช้ครับ

Date : 2012-05-15 11:29:01

By : Dragons_first

No. 5

witchloves

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

ยัง งงๆ อยู่เลยอ่ะค่ะ

แต่ยังไงก็ขอบคุณ อ้นคุง กับ คุณความคิดเห็นที่ 3 มากๆ นะคะ

Date : 2012-05-15 11:52:19

By : Witchloves

No. 6

หมาของเซสชั่น

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

งั้นขยายความเพิ่ม
ผมมีเพจอยู่ 5 หน้า
-home
-product
-about
-contact
-site

ผมต้องการให้เวลาคลิ๊กแล้ว ให้แถบที่เลือกนั้นอยู่คงที่ ไม่เลื่อนกลับไปค่าแรก
ผมเลยเขียน css ดังนี้

/* on menu active */
body#home a#homenav,///หน้าแรก
body#product a#productnav,//หน้าถัดๆไป
body#about a#aboutnav,
body#contact a#contactnav,
body#site a#sitenav,
 
{
background: #930;
height:29px;
margin-left:10px;
padding:0px 0px 0px 0px;
-moz-border-radius: 10px; 
-webkit-border-radius:10px; 
border-radius: 10px;
}
 
/* end menu */

เมนู

<ul>
<li class="top"><a href="index.php" id="homenav">homv</a></li>
<li class="top"><a href="index.php" id="productnav">product</a></li>
<li class="top"><a href="index.php" id="aboutnav">about</a></li>
<li class="top"><a href="index.php" id="contactnav">contact</a></li>
<li class="top"><a href="index.php" id="sitenav">site</a></li>
</ul>

เวลาเรียกใช้งาน สมมติ มี 5 ไฟล์ = 5 page

หน้า home
<body id="hove">

หน้าproduct
<body id="product">

หน้าabout
<body id="about">

หน้าcontact
<body id="contact">

หน้าsite
<body id="site">

ส่วนใหญ่ ถ้าเขียนกับ css ก็ประมาณนี้ครับ หรือถ้าหากไปก๊อปของนอกมาเขาจะเขียนมากับไฟล์ .js แล้ว

Date : 2012-05-15 12:43:12

By : Dragons_first

No. 7

witchloves

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

ขอบคุณมากค่ะ เดี๋ยวจะลองประยุกต์ใช้ดูนะคะ

Date : 2012-05-15 22:31:00

By : Witchloves

ค้นหาข้อมูล

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

Re : เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ อยากให้อยู่เมนูที่เราเลือก

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ อยากให้อยู่เมนูที่เราเลือก

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

ค้นหาข้อมูล

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

Notice

[PHP] เมนู css พอคลิกแล้วมัน refresh กลับไปที่ค่าแรกเสมอเลยค่ะ อยากให้อยู่เมนูที่เราเลือก