Javascript Изменить класс не ведет себя правильно

Я использовал javascript для изменения изображения в элементе меню (из класса css) при его нажатии. Предполагается, что он изменится с «menu_grey» на «menu_red». Это происходит, но на мгновение переключается на тот же класс. Это то, что я имею в HTML:Javascript Изменить класс не ведет себя правильно

 <li %WELCOME_ACTIVE%><a id = "menuClicked" class='menuHome' href='%AuthProgram%'>%lang("lang_customer_framework_home")%</a> 

<script> 

document.getElementById("menuClicked").onclick=function() { 

var className = document.getElementById("menuClicked").className 

document.getElementById("menuClicked").className = "menuClicked" 


}; 
</script> 

</li>

Поскольку это изменение конструкции в заранее разработан веб-сайт и расположение меню определяется в CSS, я не хочу, чтобы сделать новое меню и дизайн так как тогда я рискую разрушить остальную часть дизайна. Класс CSS выглядит следующим образом:

#menu li a.menuHome 
{ 
    background: url('../graphics/SevenCustomer/ikoner/hjem_gra.jpg') no-repeat top center; 
    display: block; 
    padding-top: 44px; 
}

И menuClicked:

#menu li a.menuClicked 
{ 
    background: url('../graphics/SevenCustomer/ikoner/HJEM_rod.jpg') no-repeat top center; 
    display: block; 
    padding-top: 44px; 
}

Так что вопрос: Как я могу сделать изображение пребывания «красный» после нажатия домой?

Предложения приветствуются :)

источник

2013-12-16 user2385711

страница перемещается в сторону, вам нужно будет установить его на ServerSide или на странице этой нагрузки. На следующей странице нет подсказки, что вы добавили к ней класс. Это не волнует, так как это совершенно новая страница.

источник

2013-12-16 14:09:54 epascarello

Нужна ли вам страницу, чтобы перезагрузить? Если не отменить событие клика. – epascarello

На самом деле та же самая страница, на которую я возвращаюсь. I.e всего этого кода в framework.html. Нажатие на дом просто вернет его домой. Im работает на serveride сейчас. – user2385711

Когда нажимается на дом, его предполагается перезагрузить, но также изображение должно измениться на красный и остаться на красном, пока активен. Когда нажимается другой пункт меню, дом возвращается к серому, а другой значок должен быть красным. – user2385711

Просто прекратите событие при стрельбе, когда кто-то нажимает на ссылку. Есть несколько способов сделать это, вот несколько советов:

how to stop page redirect

источник

2013-12-16 17:45:31 Pedery

Javascript Изменить класс не ведет себя правильно

ответ

Смежные вопросы