Hi guys,
I have a composition with 48 layers, and I decided to separate them all in four groups of 12 layers each depending on its properties (with or without logo or bar)... See image attached.
Anyways, the dropdowns works good, when I select an item of one of the dropdowns, it makes that one layer visible and disable all the other layers...
Where I am having problems is, I want my user interface to only show the selected layer within the dropdown and have the other three dropdowns show blank or dd.selection=0.
So I added to each dropdown the following:
//SELECT DROPDOWN A
ddA.onChange = function() {
ddB.selection = 0; //I also tried changing 0 for null; and same problem.
ddC.selection = 0;
ddD.selection = 0;
Additional code...
};
//SELECT DROPDOWN B
ddB.onChange = function() {
ddA.selection = 0; //I also tried changing 0 for null; and same problem.
ddC.selection = 0;
ddD.selection = 0;
Additional code...
};
//SELECT DROPDOWN C
ddC.onChange = function() {
ddA.selection = 0; //I also tried changing 0 for null; and same problem.
ddB.selection = 0;
ddD.selection = 0;
Additional code...
};
//SELECT DROPDOWN D
ddD.onChange = function() {
ddA.selection = 0; //I also tried changing 0 for null; and same problem.
ddB.selection = 0;
ddC.selection = 0;
Additional code...
};
The problem is that it is not just changing the selection on my GUI, but is triggering the other three dropdowns .onChange event, even if I am not using notify() which causes the dropdowns to conflict between all of them. Is there a way to tell it that when the user selects one option from one of the dropdowns to make the other dropdown to show the first item on their list which is " " without triggering the .onChange of the additional dropdowns?
Thanks in advance for the help!
Fabio