css menu aktif ketika pilih menu

judulnya rada aneh, cz susah mencari judulšŸ˜€

Bismillah

Melanjutkan tulisan :
https://saifiahmada.wordpress.com/2014/12/12/bootstrap-table/

1. tambahkan attribute pada file general.xml

2. edit file classic.jsp

3. test hasil

q> – – – mulai – – –

1. tambahkan attribute pada file general.xml

<put-attribute name="current" value="index" />

pada definition index (menu home), dan

<put-attribute name="current" value="barang" />

pada definition barang (menu barang)

2. edit file classic.jsp

tambahkan script ini :


<%@ taglib uri="http://tiles.apache.org/tags-tiles-extras"
prefix="tilex"%>

<tilex:useAttribute name="current" />

dan edit tag li, seperti ini :

<li class="${current == 'index' ? 'active' : '' }"><a href="<spring:url value="/" />">Home</a></li>
<li class="${current == 'barang' ? 'active' : '' }"><a href="<spring:url value="/barang/list.html" />">Barang</a></li>
<li class="${current == 'contact' ? 'active' : '' }"><a href="#">Contact</a></li>

3. test hasil

Selection_621

ketika menu Home di-klik maka menu tersebut akan aktif,

Selection_622

begitu juga klo menu barang di-klik maka menu tersebut akan aktif.

Alhamdulillah

Published by

saifiahmada

Begin a big Process with a bit trying

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s