изменить весь цвет фона при нажатии кнопки в amx

На странице AMX у меня есть 2 кнопки управления. Если я нажму первую командную кнопку, я хочу изменить один цвет фона для всей страницы. Если я нажму второй, хочу применить другой цвет фона. Я пытаюсь вставить javascript для этого. Но это не работает. Пожалуйста, помогите мне, как я могу это сделать?

<?xml version="1.0" encoding="UTF-8" ?>
<amx:view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:amx="http://xmlns.oracle.com/adf/mf/amx"
          xmlns:dvtm="http://xmlns.oracle.com/adf/mf/amx/dvt">
    <amx:panelPage id="pp1">
        <amx:facet name="header">
            <amx:outputText value="Home" id="ot1"/>
        </amx:facet>
         <amx:commandButton text="Red" id="red" styleClass="blue-background">
            <amx:validationBehavior id="abc"/>
        </amx:commandButton>
        <amx:outputText value="Color" id="color"/>        
        <amx:commandButton text="Green" id="green" styleClass="green-background"/>       
    </amx:panelPage>
</amx:view>

Приведенный выше код — это код моей страницы AMX. И мой код javascript,

$(function(){
     $("#red").on("click", function(){
        alert("clicked");        
     });
         $("#green").on("click", function(){
        alert("clicked second....");         
     });
});

javascript css jdeveloper oracle-maf
person sathish kumar    schedule 15.09.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я понятия не имею об AMX, но вот как мы это делаем в javascript:

document.getElementById('green').onclick=function(){
            document.body.style.background='green';
                }
document.getElementById('red').onclick=function(){
        document.body.style.background='red';
    }
person Ankit Chaudhary    schedule 15.09.2015
comment
Извините, даже это оповещение тоже не распечатывается. Он не вызывает метод jquery или javascript. Как вызвать идентификатор commandButton внутри javascript? - person sathish kumar; 15.09.2015
comment
HTML нет. В самом AMX я хочу вызвать javascript. Вместо HTML мы используем AMX. - person sathish kumar; 15.09.2015
comment
Этот тоже не работает. Он не принимает этот идентификатор. На странице AMX, как я могу это сделать? - person sathish kumar; 15.09.2015
comment
Большое спасибо, Анкит-Чаудхари. В javascript это уже работает. Мой вопрос, как вызвать идентификатор commandButton AMX внутри javascript. - person sathish kumar; 16.09.2015
comment
Привет, Сатиш, ты пробовал так? Просто добавьте прослушиватель действий к кнопке команды, в этом методе просто добавьте коды для вызова метода javaScript. - person Arj 1411; 07.12.2016
comment
Я безуспешно пытался вызвать функцию javascript через прослушиватель действий на кнопке. Я не уверен, что делаю что-то не так. Я пробовал actionListener=#{hide} и actionListener=#{this.hide} и actionListener=#{hide()}, но ни один из них не активировал мою функцию. - person g4ost; 28.09.2018