Как изменить значение css цвет фона с помощью js?

Question

[have_a_questions]

Не устанавливается цвет фона. После нажатия на кнопку цвет изменяется на долю секунды и сразу же исчезает. Как нажать и установить цвет фона что бы не исчезал
js:
function show(){
var header = document.getElementById("wrap");

header.style.backgroundColor = "red";
btnUpdateBook.disabled=true;
}
css:

#wrap {
position: relative;
width: 940px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
jsf:
commandButton id="btnSearch" value="#{msg.search}" styleClass="button" onclick="show()"

Answer 1

[Артур]

commandButton id="btnSearch" value="#{msg.search}" styleClass="button" onclick="show();return false;"

Comments

[have_a_questions]

Артур не работает все так же((

[Артур]

have_a_questions: jsf трансплится в html? дайте результирующую разметку

[have_a_questions]

Артур button id="search_form:btnSearch" name="search_form:btnSearch" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button" onclick="showProgress();return true;;PrimeFaces.ab({s:'search_form:btnSearch'});return false;" type="submit" role="button" aria-disabled="false">Поиск

[Артур]

какая кошмарная трансформация...

[have_a_questions]

Артур это да но все же нужно выполнить задачу а с js не особо дружу

[have_a_questions]

Артур return false работает только после false кнопка второй раз уже событие не отрабатывает, замком становится. Если еще какие нибудь альтернативные варианты ?

[Артур]

have_a_questions: решите вопрос с jsf и скриптом, который он генерирует. остальное уже от лукавого. у вас явно не все ок, раз генерится такая разметка

[have_a_questions]

Артур: спасибо за помощь) причина такой генерации разметки это просто реализация jsf спецификаций) но я обошел jsf компоненты и решил задачу. Еще раз спасибо ;)

Answer 2

[Dark Hole]

Залейте на JSFiddle или Codepen
И используйте тег code