combo box button actions

[carlstowne]

Hi Everyone,

I have looked around, and found a lot of stuff, but nothing I need. All I am trying to do is have a combo box pull down label add score to a dynamic text field. I have labeled the pull downs and added data labels as well. this is what I have used to see the trace action.

function change(evt){
trace(evt.target.selectedItem.label);
}
mycomboBox.addEventListener("change", this);

This shows the label in output, but I need to add the scoring to the click action, different amounts for different labels.

I would appreciate any help at all.

Thanks

[Nig 13]

Ummm, have you tried this?

function change(evt){
    someTextField.text = evt.target.selectedItem.data;
}
mycomboBox.addEventListener("change", this);

[carlstowne]

I wish I would have started when you did.

That code puts the data name in the score box, but I need it to add score to the scoreBox Different labels will have different scores that add up. Do I put the score adding into the data area of the component? Right now I just have for example label - housing photos data - housing


Thanks for your help

[Nig 13]

Really confused, could you possibly post the FLA File >.<?

[carlstowne]

What I am really trying to do is make the combo box pull down labels, useable as buttons, adding to score, disabling, making movie clips do things, I like the look but I am used to using buttons and button actions, new to the combo box deal.

Thank You

[angelhdz]

But you have to tell what are you trying to achive so we know where to start helping you. What things have you tried already?

[carlstowne]

If I understand one I will understand the rest of it. One thing I want to do is the person pulls down the menu of the combo box, makes a selection, and that trigger creates a score value of lets say 5 into the dynamic text score box. The user selects a different label on the menu and it adds another 5 to the score, making it 10, and so on. If I can figure out how to do that, I will be able to do the rest of the things I want to do, like disable the label once the person has used it once.


Thanks for any help you can send my way.

[angelhdz]

Ok. It is easy. The combo box has methods events and properties.

[poltuda]

import mx.controls.ComboBox;

var score:Number = 0;
var cb:ComboBox = this.createClassObject(ComboBox, "cb", 0);
cb.dataProvider = [{label:"Select Item from list", data:0}, {label:"Housing 1", data:1}, {label:"Housing 2", data:2}, {label:"Housing 3", data:3}];

cb._x = 20;
cb._y = 20;

cb.setSize(cb.textField.focusTextField.textWidth+30);

var cbListener:Object = new Object();

cbListener.change = function(obj:Object) {
    if (obj.target.selectedItem.data != 0) {
        score += obj.target.selectedItem.data;
        txt.text=(score);
        trace("Selected Item: "+obj.target.selectedItem.label);
    }
};
cb.addEventListener("change",cbListener);

poltuda

[carlstowne]

I will try this as soon as I get to work in the morning, appreciate the help!

[carlstowne]

Thanks, that works great, I have multiple combo boxes however, when I tried to add this code to other boxes I got the message "already using the mx.control" something like that. How do I have mulitple combo boxes on the page? One more thing, is there a way to "disable" the label and data point after the user selects it so they cannot select it again?


Thanks for your assistance!

[poltuda]

import mx.controls.ComboBox;

var score:Number = 0;
var cb:ComboBox = this.createClassObject(ComboBox, "cb0", this.getNextHighestDepth());
cb.dataProvider = [{label:"Select Item from list", data:0}, {label:"Housing 1", data:1,enabled:true}, {label:"Housing 2", data:2,enabled:true}, {label:"Housing 3", data:3,enabled:true}];
cb._x = 20;
cb._y = 20;
cb.setSize(cb.textField.focusTextField.textWidth+30);
cb.addEventListener("change",cbListener);
cb = this.createClassObject(ComboBox, "cb1", this.getNextHighestDepth());
cb.dataProvider = [{label:"Select Item from list", data:0}, {label:"Housing 1", data:1,enabled:true}, {label:"Housing 2", data:2,enabled:true}, {label:"Housing 3", data:3,enabled:true}];
cb._x = 200;
cb._y = 20;
cb.setSize(cb.textField.focusTextField.textWidth+30);
cb.addEventListener("change",cbListener);

function cbListener(obj:Object) {
    if (obj.target.selectedItem.data != 0) {
        if (obj.target.selectedItem.enabled) {
            obj.target.selectedItem.enabled = false;
            score += obj.target.selectedItem.data;
            txt.text = (score);
            trace("Selected Item: "+obj.target.selectedItem.label);
        }
    }
}

Basic example.



poltuda

[carlstowne]

Thanks I will try that right now. Good to see that you can have more than one in the same frame!

[carlstowne]

That works great, I designed a nice looking digital display for the score, and it is awesome that the label points are disabled after use, perfect. One thing I wanted to add was a display of the selected value, so they could see what was being added or subtracted as they went along. I created a "previewScore" dynamic text box, but it does not seem to want to show more than the selected values from one of the combo boxes, I would like to get it working so that when their score drops 20 points, they will have some warning on the other digital read out

Thanks, Great Help.

[carlstowne]

Adding to what you provided earlier, I tried some things and stumbled accross a solution.

_root.scorepreview.text = obj.target.seclectedItem.data

It now shows selected value on all combo boxes, thanks for all help on this (RESOLVED!)

[poltuda]

_root.scorepreview.text = obj.target.seclectedItem.data

Change to this:

_root.scorepreview.text = obj.target.selectedItem.data

I didn't understood what you are saying. Please explain



poltuda

[carlstowne]

I just wanted the value of the combo box selection to show up in a dynamic text window so the person could see why the total score went up or down. I was not able to get it to work from all combo boxes, just one. I added the line of text on previous post below the "if statements" on what you showed me previously, works great!