alexa-tracking

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/52dcbaf9c1cb1771798b4887/ask-active-menu-dan-submenu-dengan-jquery
[ask] Active menu dan submenu dengan jQuery
Permisi semua, saya mau tanya tentang menambahkan class="active" pada semua menu ( <li> ) yang sudah di klik (active).

Ketika menu nya belum saya kasih submenu, semua berjalan normal dengan menggunakan langkah-langkah dibawah ini:

HTML MENU-nya :
Code:


<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php"><center> Beranda</center></a></li>
<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a></li>
<li><a href="galeri.php"><center>Galeri</center></a></li>
<li><a href="artikel.php"><center>Artikel</center></a></li>
<li><a href="buku.php"><center>Katalog Buku</center> </a>
<li><a href="interaktif.php"><center>Interaktif</center></a></li>
<li><a href="rdownload.php"><center>Download eBook</center></a></li>
<li><a href="#login-box" class="login-window"><center>Login</center></a></li>
</ul>
</div>


JAVASCRIPT-nya:
Code:

[removed]
$(function() {
var pgurl = [removed].href.substr([removed].href
.lastIndexOf("/")+1);
$("#menu ul li a").each(function(){
if($(this).attr("href") == pgurl || $(this).attr("href") == '')
$(this).addClass("active");
})
});

[removed]



Tapi ketika menu-menu nya memiliki SUBMENU, javascript nya gimana ya..?

HTML MENU-nya seperti ini :

Code:

<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php"><center> Beranda</center></a></li>
<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a>
<ul>
<li><a href="profil.php?kat=Sejarah Perpus">Sejarah Perpus</a></li>
<li><a href="profil.php?kat=Visi dan Misi">Visi dan Misi</a></li>
<li><a href="profil.php?kat=Struktur Organisasi">Struktur Organisasi</a></li>
<li><a href="profil.php?kat=Tata Tertib">Tata Tertib</a></li>
</ul>
</li>
<li><a href="galeri.php"><center>Galeri</center></a></li>
<li><a href="artikel.php"><center>Artikel</center></a></li>
<li><a href="buku.php"><center>Katalog Buku</center> </a>
<li><a href="interaktif.php"><center>Interaktif</center></a></li>
<li><a href="rdownload.php"><center>Download eBook</center></a></li>
<li><a href="#login-box" class="login-window"><center>Login</center></a></li>
</ul>
</div>


Bisa dilihat pada Menu yang memiliki SUBMENU diatas, yaitu menu "Profile"..

Nah, saya ingin ketika submenu pada "Profile" di klik, menu pada "Profile" menjadi memiliki class="active"..

Mohon pencerahan nya,,, thanks... emoticon-Blue Guy Cendol (L) emoticon-Blue Guy Cendol (L)
htmlnya mungkin begini :
Code:

<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a>

<ul>

<li><a href="profil.php?kat=Sejarah_Perpus" class="submenu_profil" id="Sejarah_Perpus">Sejarah Perpus</a></li>

<li><a href="profil.php?kat=Visi_dan_Misi" class="submenu_profil" id="Visi_dan_Misi">Visi dan Misi</a></li>

<li><a href="profil.php?kat=Struktur_Organisasi" class="submenu_profil" id="Struktur_Organisasi">Struktur Organisasi</a></li>

<li><a href="profil.php?kat=Tata_Tertib" class="submenu_profil" id="Tata_tertib">Tata Tertib</a></li>

</ul>

</li>


JSnya :
Code:

$('.submenu_profil').click(function(){
var thisid = $(this).attr('id');
$('#' + thisid).adClass('active');
});
Quote:Original Posted By gaksama
htmlnya mungkin begini :
Code:

<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a>

<ul>

<li><a href="profil.php?kat=Sejarah_Perpus" class="submenu_profil" id="Sejarah_Perpus">Sejarah Perpus</a></li>

<li><a href="profil.php?kat=Visi_dan_Misi" class="submenu_profil" id="Visi_dan_Misi">Visi dan Misi</a></li>

<li><a href="profil.php?kat=Struktur_Organisasi" class="submenu_profil" id="Struktur_Organisasi">Struktur Organisasi</a></li>

<li><a href="profil.php?kat=Tata_Tertib" class="submenu_profil" id="Tata_tertib">Tata Tertib</a></li>

</ul>

</li>


JSnya :
Code:

$('.submenu_profil').click(function(){
var thisid = $(this).attr('id');
$('#' + thisid).adClass('active');
});


Itu maksudnya, JAVA punya saya di ganti atau memang ditambahin aja om..?
Ijin sundul lagi ah...
Selamat sore,, ijin sundul kembali ah... emoticon-Blue Guy Cendol (L)
Selamat malam... emoticon-Blue Guy Cendol (L)

Ijin sundul lagi ya... emoticon-Big Grin
Selamat pagi semuanya.... emoticon-Blue Guy Cendol (L)

Ijin sundul lagi ya... emoticon-Kiss

Agan-agan dan para master saya mau tanya ni bagaimana ya cara menampilkan record dari

Agan-agan dan para master saya mau tanya ni bagaimana ya cara menampilkan record dari database itu matriks ke samping ,jadi recordnya itu gak kebawah tampilannya pada saat di cetak dalam bentuk tabel di php.
Mohon bantuannya agan-agan kalo ada yang tau ,saya sudah searching2 di google tapi blm ketemu juga emoticon-Sorry
makasih agan2 sebelumnya...

Agan-agan dan para master saya mau tanya ni bagaimana ya cara menampilkan record dari

Agan-agan dan para master saya mau tanya ni bagaimana ya cara menampilkan record dari database itu matriks ke samping ,jadi recordnya itu gak kebawah tampilannya pada saat di cetak dalam bentuk tabel di php.
Mohon bantuannya agan-agan kalo ada yang tau ,saya sudah searching2 di google tapi blm ketemu juga emoticon-Sorry
makasih agan2 sebelumnya...
×