2011-03-08 35 views
1

我有一個頭的佈局和它的一些圖像。我需要在點擊事件中更改圖像。 此我使用的JavaScript 如何更改點擊事件的div類?

function changebrouse() 
{ 
document.getElementById("browse").className = "browse"; 
return false; 

} 

藉助此js圖像可以更改,但點擊時,頁面刷新和以前的圖像將出現。

<div id="browse" class="sections_browser"><a href="<?php echo $this->url(
          array('controller' => 'index', 'action' => 'search'), 
          'default', 
          true) ?>" onclick='changebrouse()'></a></div> 

CSS

.sections_browser a 
{ 
    width:72px; 
    height:31px; 
    float:left; 
    background-image:url(../images/button/browse_dwn.png); 
} 

.browse a 
{ 
    width:72px; 
    height:31px; 
    float:left; 
    background-image:url(../images/button/browse_hover.png); 
} 

請幫助。提前致謝。

+0

不知道爲什麼有人給了-1,不清楚的問題是這裏的常態......反正你設置爲類「瀏覽器」,但你張貼的兩個CSS類是「sections_browser」和「瀏覽」。 ??? (除了剛纔有人正確指出的回報之外)......哦,有人更正了-1,很好。 – 2011-03-08 15:44:40

+0

這是不是不清楚的問題還是什麼,只是OP懶得做一個搜索......這應該是勸阻 – ajreal 2011-03-08 15:53:44

回答

1

嘗試改變

onclick='changebrouse()'

onclick='return changebrouse()'

,並在 'changebrouse' 功能,類名稱應該是 '瀏覽' 而不是 '瀏覽器',我想。

0

您需要取消click事件。將onclick更改爲:

< ... onclick="changebrouse(); return false;"> 

返回false將向瀏覽器發出信號以忽略該點擊。

+0

感謝您的寶貴意見。它根據你但對我來說,當我需要點擊秒鐘後返回再次點擊第一個圖像(按鈕)的作品,忽略了最低的工作。它應該是。再次感謝。 – Manoj 2011-03-09 07:13:35

+0

從onclick返回false不會永久禁用對該按鈕的點擊 - 它只會停止當前點擊的行爲。如果另一個按鈕停止工作,那麼還有其他錯誤。我建議看看你的JavaScript控制檯(在Firefox中shift-ctrl-j)並查找JS錯誤。 – 2011-03-09 14:22:39