Zmiana tresci inputa=zmiana koloru diva Opcje

[3miel]

Witam,

mam taki kod:

Kod

document.getElementById('borderdiv').style.background = document.getElementById('border').value;"

i działa dobra, tylko jak zrobić, żeby automatycznie wykrywalo kiedy następuje zmiana w polu input? I gdy nastąpi ta zmiana to ma sie wykonac ten kod.

Mozecie mi pomoc?

[3miel]

Tzn powiem tak, ta zmienna przekazuje sie w onClick, ale niestety tylko do jednej funkcji. i chodzi mi o to, żeby ta zianna ktora jest widoczna tylko w tej jednej funkcji była zmienną globalna.

Próbowałem tak robić z dodatkową funckcja w onClick, ale jakos mi to nie wychodzilo, wowole stracilem orientacje jak co i gdzie sie bedzie przekazywac:/ Mozecie podac jakis prosty przyklad? Bo albo ja nie rozumiem na czym to polega albo to nie dziala.

Co do koloru to dziala tak jak powinno, ustawilem recznie do ktorego diva ma sie odwolac ta zmiana koloru i wszystko jest wpożądku.

Zalezy mi na tym jak przekazac ta dodatkową zmienną, lub jak uczynić jakś zmiennę w funckcji żeby miała zasięg globalny.

--------------EDIT-----------
Przedstawię to na przykładzie:

Najpierw wywołuje tak ta funkcje:

Kod

onClick="cp2.select(document.forms[0].border,\'pick2\');return false;"

w head mam taki urywek kodu:

Kod

cp2 = new ColorPicker();

a sam kod ColorPicker wyglada tak:

Kod

function ColorPicker() {
    var windowMode = false;
    // Create a new PopupWindow object
    if (arguments.length==0) {
        var divname = "colorPickerDiv";
        }
    else if (arguments[0] == "window") {
        var divname = '';
        windowMode = true;
        }
    else {
        var divname = arguments[0];
        }
    
    if (divname != "") {
        var cp = new PopupWindow(divname);
        }
    else {
        var cp = new PopupWindow();
        cp.setSize(225,250);
        }

    // Object variables
    cp.currentValue = "#FFFFFF";
    
    // Method Mappings
    cp.writeDiv = ColorPicker_writeDiv;
    cp.highlightColor = ColorPicker_highlightColor;
    cp.show = ColorPicker_show;
    cp.select = ColorPicker_select;   // <--- ten element!

i ta metoda COLORPicker_select:

Kod

function ColorPicker_select(inputobj,linkname) {
    if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea") {
        alert("colorpicker.select: Input object passed is not a valid form input object");
        window.ColorPicker_targetInput=null;
        return;
        }
    window.ColorPicker_targetInput = inputobj;
    this.show(linkname);
    }

I na moje rozumowanie, funkcja ColorPicker_select jest metoda klasy ColorPicker i w jaki sposób przekazać argument z funkcji ColorPicker_select o nazwie linkname do zmiennej ABC, żeby była widoczna w klasie ColorPicker?

--------------EDIT 2 ------------
sprawa rozwiązana, sam wpadłem na rozwiązanie:)

Ten post edytował 3miel 20.12.2006, 21:44:45