2016-12-15 259 views
0

現在改變與動作風格JSP的HTML鏈接,我有有這樣的一個標籤的JSP頁面:我怎樣才能

<html:link action="/SequenceA">A</html:link>&nbsp; 
<html:link action="/SequenceB">B</html:link>&nbsp; 
<html:link action="/SequenceC">C</html:link>&nbsp; 
<html:link action="/SequenceD">D</html:link>&nbsp; 
<html:link action="/SequenceE">E</html:link>&nbsp; 
<html:link action="/SequenceF">F</html:link>&nbsp; 
<html:link action="/SequenceG">G</html:link>&nbsp; 
<html:link action="/SequenceH">H</html:link>&nbsp; 
<html:link action="/SequenceI">I</html:link>&nbsp; 

結果會是這個樣子:

ABCDEFGHI

但是,我想在點擊時更改樣式鏈接。當我點擊任何字母表時,我怎麼能實現它,刷新它,並將它打開一切?例如,如果我點擊'G','G'的字體大小將增加1,它將變成粗體。然而,在我點擊'G'後,我點擊'H','G'將被取消打印,字體大小將變回正常字體大小,'H'將變爲粗體,字體大小將增加1。由於刷新,將取消粗體一切

預期結果

當我點擊G上

ABCDEF HI

在這之後我點擊^ h

A B C d E F G ^h

當前由於成績刷新

A B C d E F G H I

+0

是網頁確實重裝,或者您使用AJAX調用操作頁面? –

+0

你期望什麼?你的一個使用鏈接,當然它想鏈接到一些東西。除了你所描述的造型之外,你在這裏想達到什麼目的?爲什麼你首先使用鏈接?您可以使用JavaScript並在鏈接上返回false以阻止鏈接正常工作。 – partypete25

+0

頁面正在重新加載,當字母被點擊時,它會去數據庫並檢索所有相關的數據對應的字母表。 – qcccc

回答

0

所以,你需要的東西添加到頁面時,它呈現指示當前正在查看哪個字母開頭。例如,如果您將一個active類添加到該字母鏈接,那麼您只需在CSS中添加此引用即可。

,所以如果你的HTML輸出如下:

<div class="alphabet"> 
<a href="/">A</a> 
<a href="/">B</a> 
<a href="/" class="active">C</a> 
... 
</div> 

你的CSS看起來就像這樣:

.alphabet a {font-size:12px} 
.alphabet a.active {font-weight:bold; font-size:13px;}