从文本字段输入的数据更改窗口的背景颜色

时间:2013-09-14 12:00:19

标签: javascript titanium

我正在使用Titanium构建一个“Carpark Logger”应用程序。我有2个文本字段,用户可以输入它们所处的级别以及它们所处的颜色(区域)。单击保存按钮时,我需要下一个窗口的背景(保存的位置)才能更改为该颜色。 / p>

我已经设置了textField.value的变量,并创建了一个函数来将背景颜色更改为text.field值。到目前为止,当单击保存按钮时,它只是将savedLocations窗口的背景更改为黑色(或透明??)。

关于如何使用在textField颜色中输入的文本并将其保存为savedLocations窗口的背景的任何想法。以下是我的代码片段:

var colourData = colourTextField.value;

saveButton.addEventListener('click', function(e){
    savedLocationsWindow.backgroundcolor = bgColour(colourData);
    carLoggerTabGroup.setActiveTab(savedLocationsTab);
});

function bgColour(color){
    backgroundColor = color;
};

2 个答案:

答案 0 :(得分:1)

如果忘了那个额外的功能,就这样做:

saveButton.addEventListener('click', function(e){
    savedLocationsWindow.style.backgroundColor = colourTextField.value;
});

答案 1 :(得分:0)

我不熟悉钛,但这里有几点建议:

function bgColour(colourData) {
    // do some transformations on the color data perhaps?
    // 1. We need to actually return the data:
    return colourData;
}

saveButton.addEventListener('click', function (e) {
    // 2. We need to get the value of the text field AFTER the saveButton
    // has been clicked, so this part of code is inside the event listener:
    var colourData = colourTextField.value;

    // 3. Mind the "style" and capital "C" in backgroundColor
    savedLocationsWindow.style.backgroundColor = bgColour(colourData);
    carLoggerTabGroup.setActiveTab(savedLocationsTab);
});