ขอถามเรื่อง CSS หน่อยครับ

[Rabbitinblack]

ลองใช้ jQuery น่าจะง่ายขึ้นมั้ยอะ

[Earthchie]

ทำไงครับ ต้องลองๆ 

[Rabbitinblack]

เขียนให้มันเก็บค่าดิ

แบบแต่ละ li ก็มี id ของมัน แล้วเวลาคลิ๊กที่ li ไหน ให้เก็บค่า id ไป

แล้วพอเข้าหน้าใหม่ ก็ให้ jQuery ล้าง class ของ li ที่เป็น menu-hi ไป แล้วใส่ใหม่ไปที่ id ที่เราเก็บค่าไว้

อธิบายแบบนี้เข้าใจมั้ยอะ 

[ณัฏฐ์]

สงสัยๆ
ว่าเราสามารถรู้ชื่อไฟล์ php นั้นๆ ได้เลยรึเปล่าอะ(แบบเช็คจากโค้ดแล้วรู้ชื่อของตัวเอง)
ถ้าได้ก็ทำให้เช็ค if แล้ว echo ออกมาได้เลยป่ะ

[Earthchie]

เขียนให้มันเก็บค่าดิ

แบบแต่ละ li ก็มี id ของมัน แล้วเวลาคลิ๊กที่ li ไหน ให้เก็บค่า id ไป

แล้วพอเข้าหน้าใหม่ ก็ให้ jQuery ล้าง class ของ li ที่เป็น menu-hi ไป แล้วใส่ใหม่ไปที่ id ที่เราเก็บค่าไว้

อธิบายแบบนี้เข้าใจมั้ยอะ  

เข้าใจ แต่เขียน js ไม่เป็นครับ

ไงก็ขอบคุณมากครับ สงสัยต้องไปอ่าน js ก่อน

สงสัยๆ
ว่าเราสามารถรู้ชื่อไฟล์ php นั้นๆ ได้เลยรึเปล่าอะ(แบบเช็คจากโค้ดแล้วรู้ชื่อของตัวเอง)
ถ้าได้ก็ทำให้เช็ค if แล้ว echo ออกมาได้เลยป่ะ

สงสัยต้องทำแบบนัทว่าไปก่อน  
http://www.webcheatsheet.com/PHP/get_current_page_url.php

[Rabbitinblack]

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<ul id="mainnav" class="menu">
    <li><a id="menu-1" href="index.php">Home</a></li>
    <li class="menu-hl"><a id="menu-2" href="login.php">Login</a></li>
    <li><a id="menu-3" href="register.php">Register</a></li>
    <li><a id="menu-4" href="gallery.php">Gallery</a></li>
    </ul>


โค้ด เลือกทั้งหมด ขยายเนื้อหา


jQuery(document).ready(function(){

jQuery("#mainnav li a").click(function(){

var menu-index = jQuery(this).attr("id");
jQuery(#mainnav li").removeClass("menu-hi");
if (menu-index == menu-1){
jQuery(#mainnav li:eq(1)").addClass("menu-hi");
}
if (menu-index == menu-2){
jQuery(#mainnav li:eq(2)").addClass("menu-hi");
}
if (menu-index == menu-3){
jQuery(#mainnav li:eq(3)").addClass("menu-hi");
}
if (menu-index == menu-4){
jQuery(#mainnav li:eq(4)").addClass("menu-hi");
}

});

});


น่าจะประมาณนี้หรือเปล่า

[หนุ่ม]

ของผมใช้วิธีนี้ครับ

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<ul id="mainnav" class="menu">
    <li <?php if($home==1) echo "class='active'"; ?>><a href="index.php">Home</a></li>
    <li <?php if($login==1) echo "class='active'"; ?>><a href="login.php">Login</a></li>
    <li <?php if($register==1) echo "class='active'"; ?>><a href="register.php">Register</a></li>
    <li <?php if($gallery==1) echo "class='active'"; ?>><a href="gallery.php">Gallery</a></li>
    </ul>


แล้วในหน้า index.php ก็ใส่ $home=1; ไว้บนหัวเลย
หน้า login.php ก็ใส่ $login=1; ...

[Rabbitinblack]

  ของหนุ่มง่ายกว่าเยอะเลย

[ณัฏฐ์]

จริงด้วย

[iannnnn]

กรี๊ด คุยอะไรกัน

[หนูอร]

+ค่า 

เดี๋ยวรอเสร็จงานจะเริ่มหัดทำเว็บแบบ coding หนักๆแล้ว
ฝากตัวเป็นศิษย์ทุกคนล่วงหน้าเลยนะคะ 

[icez]

ของผมใช้วิธีนี้ครับ

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<ul id="mainnav" class="menu">
    <li <?php if($home==1) echo "class='active'"; ?>><a href="index.php">Home</a></li>
    <li <?php if($login==1) echo "class='active'"; ?>><a href="login.php">Login</a></li>
    <li <?php if($register==1) echo "class='active'"; ?>><a href="register.php">Register</a></li>
    <li <?php if($gallery==1) echo "class='active'"; ?>><a href="gallery.php">Gallery</a></li>
    </ul>


แล้วในหน้า index.php ก็ใส่ $home=1; ไว้บนหัวเลย
หน้า login.php ก็ใส่ $login=1; ...

PHP Notice: $xxxxx not defined <--- ระวัง error นี้นะครับ

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<ul id="mainnav" class="menu">
    <li <?php if(!empty($home)) echo "class='active'"; ?>><a href="index.php">Home</a></li>
    <li <?php if(!empty($login)) echo "class='active'"; ?>><a href="login.php">Login</a></li>
    <li <?php if(!empty($register)) echo "class='active'"; ?>><a href="register.php">Register</a></li>
    <li <?php if(!empty($gallery)) echo "class='active'"; ?>><a href="gallery.php">Gallery</a></li>
    </ul>


ใช้แบบนี้ดีกว่า

[iannnnn]

แล่วๆๆๆ

[Rabbitinblack]

PHP Notice: $xxxxx not defined <--- ระวัง error นี้นะครับ


เกิดกรณีเพราะอะไรอะครับไอซ์

[Earthchie]

  ชีวิตง่ายขึ้นแล้ว ไล่บวก