10/10/2018, 11:42
Lưu giữ trạng thái của item menu khi người dùng click vào.
Em có cái menu như sau:
home
news
contact
login
Khi người dùng click vào home thì nó hiển thì một màu đỏ chẳng hạn ( ý muốn nói người dùng đang ở trang home). Khi người dùng click vào news thì news sẽ hiển thị màu đỏ (ý muốn nói người dùng đang ở trang news). Tương tư cho các trang khác.
Em sử dụng css visited nhưng ko được.
home
news
contact
login
Khi người dùng click vào home thì nó hiển thì một màu đỏ chẳng hạn ( ý muốn nói người dùng đang ở trang home). Khi người dùng click vào news thì news sẽ hiển thị màu đỏ (ý muốn nói người dùng đang ở trang news). Tương tư cho các trang khác.
Em sử dụng css visited nhưng ko được.
Bài liên quan
Mô phỏng cách mình nói để bạn tham khảo:
<?php
$current_page = $_GET['page'];
if ($current_page == 'news') {
echo 'đoạn HTML cho cái menu của bạn, ở tab News đổi màu chữ hoặc màu nền tùy bạn thích';
} else {
echo 'xuất ra menu mặc định có tab Trang chủ đang được làm đậm';
}
<ul class="menu">
<li><a>home</a></li>
<li><a>news</a></li>
<li><a>contact</a></li>
</ul>
jQuery().ready(function(){
$("ul[dot]menu li a")[dot]click(function(){
$("ul[dot]menu li a")[dot]removeClass("active");
$(this)[dot]addClass("active");
});
});
ở css thì bạn cho:
[dot]active{
color: red;
}
Em đang code template cho joomla, còn mỗi phần này là chưa làm được.
$( "ul[dot]menu li a" ).click( function() {
$(this)[dot]parent()[dot]parent()[dot]filter('a')[dot]removeClass( 'active' );
$(this )[dot]addClass( 'active' );
});