ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเราจะเพิ่ม Class Active ตามหน้าที่เปลี่ยนไปได้อย่างไรครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เราจะเพิ่ม Class Active ตามหน้าที่เปลี่ยนไปได้อย่างไรครับ  (อ่าน 752 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
XpressMusic9
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 164



ดูรายละเอียด เว็บไซต์
« เมื่อ: 19 มิถุนายน 2017, 09:51:06 »

พอดีใช้ Bootstrap นะครับ ร่วมกับ php , javascript

ท่านใดมีคำแนะนำบ้างนะครับ

เวลา เราเปลี่ยนหน้า แล้วผมอยากให้ class active เปลี่ยนไปตามที่เราคลิกลิงค์อ่ะครับ

ยกตัวอย่างง่ายๆก็

นี่เลยครับ
Breadcrumbs

http://getbootstrap.com/components/#breadcrumbs

เวลาเราคลิกไปที่อื่นแล้ว class active ต้องเปลี่ยนไปตามลิงค์  wanwan003 wanwan017
บันทึกการเข้า

nukerman
Newbie
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 94



ดูรายละเอียด
« ตอบ #1 เมื่อ: 23 มิถุนายน 2017, 16:22:27 »

เอาแบบง่ายๆ ใช้ Get ครับ

element : <a href="url" class="<?php echo($_GET['menu']=='page1'?'active':'')?>">page1</a>

url : http://myweb.com/page1?menu=page1

ประมาณนี้
บันทึกการเข้า
XpressMusic9
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 164



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 25 มิถุนายน 2017, 23:56:17 »

ขอบคุณมากครับผม มีแบบ dynamic ใช้ jquery บ้างไหมครับ
บันทึกการเข้า

cancanx
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 638



ดูรายละเอียด
« ตอบ #3 เมื่อ: 26 มิถุนายน 2017, 00:34:47 »

$(document).ready(function($){
    var url = window.location.href;
    $('.nav li a[href="'+url+'"]').addClass('active');
});
บันทึกการเข้า

XpressMusic9
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 164



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 03 กรกฎาคม 2017, 10:05:41 »

^
^
Code ด้านบนสั้นกระชับดีจัง  wanwan017
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์